{"_id":"@material/mwc-circular-progress","_rev":"497-b042d16a8cc6f1491145e1339b4d32cd","name":"@material/mwc-circular-progress","dist-tags":{"canary":"0.26.0-canary.0af8ade5.0","latest":"0.27.0"},"versions":{"0.18.0-canary.f181e3bc.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.f181e3bc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.b2edaeead.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","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-k8RmYlpn0bEWEIhAeRX0zfi+nB0yeZRg/32+fuvCtueebrIONMS67ni/qSRp6l26aM+j4h18HNWa4768e1GGRQ==","shasum":"a1bb91dce34b138ac130f0810229819daf15b2ed","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.f181e3bc.0.tgz","fileCount":10,"unpackedSize":31942,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLdmCRA9TVsSAnZWagAAoIIP/jAlRdnutDKPgPYZOld3\n/grGWcjXVQJpmS8yqNAheCIIJ0oz5XzBVYmHByVnHZdjnK0JnKMmWCbk7UjF\nY5iIZhofTOM1PIzaheMPoFHsItoCkwLKRap0TZDlCv0XLM6O5HYVi8ocIyXI\nptil3pEpzITHmAl/ecVpCa9AYLv5Qka2XoU9mv3XwanLaQ5fYx4MuHpwtn6S\nC3Hj5ab6jnllKIOqUIqSU1v0DGtveF+VbtWmcpVknGE1hGCwACO+Ijy0Tf2m\n37l/Lnoi8ld/U/lvD17q09NIIQSJqAk1PJpY40pZZA7iP9hDuLCZl9h1fpMS\nADKRUUNyAflUShJb9m8xG24jKHVOH6kj848WeGexatFM93F9sfX6bXB9F6vs\ndQs+kbOLFLw/NIGQAFDR3NHcbtAKpeVyVvQODLrT8Oq2TW/r/aFDZLZ2McAE\ntk2rEQi2LHjUA5+dQ0Z5XJtWAYMIAf7t/fJtVtRPp7IU9SoxqV19lQihzHcq\nLVywySd1BZJbWrTFuSERkJeARtvWDb7dTQd44f4Ko4qj1CvJfWrxYUlYIMOL\nE/SA7Qni7FZF+lnFHeMIC2b0CjAHDikeqa4xPYUJVIsn1VRv3m0XciKFMXsi\nGuuy9CHf/J54uDB8F6FiDuT9YDcSE9U9aeTaXPlPKmsicMg+0CIuo4HIROwm\nBZwg\r\n=/L0e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWzOzw1wI7E5Xt8Ac3BhM4EAiBtVKYqfNZgueqAEE+UQIhAPoMb/naRw0Dv6sIcmbG2JRVScckK9HQsapNWyPD0fhK"}]},"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-circular-progress_0.18.0-canary.f181e3bc.0_1595455334085_0.7930721688032294"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.346a622a.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.346a622a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.b2edaeead.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","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"readme":"ERROR: No README data found!","homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-kfEGK45Di2n25b0q/E8rsVTW9TrDLIYzTmtsNiOL1B7O5wSM9NzSYihKB5D1Roc4Ww+k+UqtlsT3b+1jFS4R2A==","shasum":"d907bdfbf088f8bd9bfce7365e19e6f27e731dea","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.346a622a.0.tgz","fileCount":18,"unpackedSize":66374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGM4zCRA9TVsSAnZWagAAjW8P+gKuprZBMhNUY5HhHiD1\nH7wH8vVNJL2nXCDvwwg8EG+pGqqnUuxVBigXyxuDjh8gOEoYPcorwQLLdt2Z\n5c9E8/QX/EejjKgcpH4DkcPuIwOnEcVhxNusWIgzahZBb2ZwrjUJDU9xFfu6\nFRG0Ztt4VqVrDYf9ES+gQHQY3bedCe/STFS1FQjQT53pbyG50HtZXy+t9E6i\nm8+etB1JtRsL75zkl091zy+L1pCYPKvltw+usGUKyx3caiEj/pkZfRAR9oUT\n+hvDRSzx3G/3XNKN/MiF7GZ7Zo6PwCn0PMQU+6Zik6fpcChB5nrEvWJ0ZHzV\nM+CRJsOfJOzgYu0X20d2WKQiq7BmCnAV69UpYaxfLuGaYiv5E0HVoMIgK56k\n1Tnx8Mfae4GbN9YhgR+dS5aT4K8tioVuZvN408h4riY2QtpHc+8Eev5OjTV0\n0ZElCibirIHuMiP7QW+7aXKCkN02I/+X2BQoPkyxQ4/82ZcBBlk8Iqd32gWZ\nlQxobsTdsGg/OA1rbrPkSBxEi3O8HOIIqeg7dmT3X3AjGvS/xyHCPH9q4Ps1\n/H0iltZ8KmzKVfcw78avWERxgTxvilPytHKAMca79GRekLAkN4WdddBt46dk\nRZhrz1ZckRhurBOhSSGTWWPRTGpLZysnoh6WbPOz7aRz5IuBnrg+ax+7D9FA\nKa8C\r\n=GsLN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBY6tALwJZUgetO3pEIdtFBXaHnzb8zQs5PFFUlHVTxjAiBEUbnL4Zk9cXdpC5EPRPRj0sN9MXFF6rVHpkjx7avyow=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.346a622a.0_1595461171610_0.057992506796038956"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.c9e8a848.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.c9e8a848.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.b2edaeead.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","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"readme":"ERROR: No README data found!","homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-6qs66gzcK8nJBiM4YIlwBdahZlrbnbCq/vzm//7HpCZl/b3Lfg0VKSE9WXzsVn4WiSt4pMa1irCbyfwSDoppCw==","shasum":"abffe8d9d6fb3ee79ffd5115c26ae7bc94d0d589","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.c9e8a848.0.tgz","fileCount":18,"unpackedSize":66374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGONeCRA9TVsSAnZWagAAzEcQAKH5/4ZY7T4ouK/I/pUL\n089TlnC3Nga7eOtGr7RG5TxK/5TNSFlSDF4r1YRyDqA6FZtPSSHucnzgfM07\nYjcma/nIfqtFEdHjp76xQ2npNjuq7kZNJyHTYsHXIaIRPf4qp9KhqAZboT9I\n9FrzGZSdYG+LQTHQbPxlY/Qf/1hsZGvH/pQpmpfphhwA6laEIbTOafOXwRb/\nWFX7CSZz7tg4ErqI5KnT8Rg0m5CSfAP8XS9ff/hDSzDlv0ZublEDV6fq71ZX\nLC798ZG3j0IvtakM+0r4Qc7yiNKhLSKj4IGxEJpcjNAftOHfQhXrcyVxLIpX\nOjSuRbW3ISNutLyHI5APNlrBRLjuXnaCIXbnW+AcNgwm6JFl0SO7GYKrlFKz\nduWmPCjb7ugpdZE0ujtGDoXHfeK8/rvoji+ybOhMgxxa+X54Sdt368i0ubuq\n9/LtcwxiwATk3OrsXsDj2R1Tf7gCTRKD9ZNxb1nEcyaNPac1T/62Lcp/T1dq\nE1XZCPVCv/5+P6RP0yfXnj+tgyhMpchzHUEj6RcOEi3gAsn3YBgUfcMyPSGR\naQcGldWXmTc5ppEHEceNYh1TxiG4l8cMUbdsG6b1lHuBC2kgoiWIxb18bgTT\nEIpY02CD8Pb0fzDDu2Xl1Q6Hhf3Y5rwxPPFMkt1pnJd+rxiusThdveZqBlZU\nFz1Z\r\n=EHuC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL1li/fvr8mlfJzVkBwVk4PFnkZROuiHJlAga81F7niQIgbSLJFZ+2+I72kQ0TcRm2IJKv/wYEQgjxDiIdKX+5Lbc="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.c9e8a848.0_1595466590229_0.46254214167653607"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.718c385c.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.718c385c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.b2edaeead.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","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"readme":"ERROR: No README data found!","homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-qyOtsiCgGlZukY2ECVL/BMwmLycbMIefXCMQHkrZxFuXOsJqo0eDeWWOSKh92KVOEE1Zexp4TjfbcvM+UpHkRg==","shasum":"235929a921424f1b341b9b3921a4cc035d0ef256","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.718c385c.0.tgz","fileCount":18,"unpackedSize":66370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGe2fCRA9TVsSAnZWagAABB8P/Ar1r83agYfjT2ET/cYc\nvDSxMtaT8up31KKdP0+N8rC/KNuru7u4cyNUVsXRAKDh2WI5xhKMKTZ7WJhm\na5Lsu+vdaQxtuPsJCYvgm5uv9YI/m0YCOD2cY/9NY5WudHXCDbMx3+3yWzEW\n8RE81N4S/7n6atqEvLKK2IHN1j8YVeYKEgO26cRLPuullZ89ntkjiNPj4Ayg\nViZfmznQVvm1qbJF48Nc1kNP4MnZdDUfoqIbqowvi0tLgf6ZHYLYcWRsFlyE\nz96tDqddX4TnktYcTnvQDN+iP4lxWY9c1JtwOfcqm/0ymQk3C/ytKNEnaF97\ntc0uFyN20gO2g6B+EPuPdpmWhajj7xM+ViZSFx4SNGGVVLaHedIcTR9OlCsu\naYEV4QAQNxyKdEPa+ilvzdKPeSUYMMPJjT1DKX1xL+LY6iXNXcFQeSL2VbnN\nOFTUC+2XBG58H9BevxXXtgPeQt3ixl3ORcj+EJailfC8ZhVLHlC8jtSBxbUX\nFa1iW/4EHS2WreXjAqIjPSeSohRlX/UfObglHcADppo/jWUWvpRcRsbpjHbk\nRsiWVh4xgMY3Z1vnNVY5zldQw9zWsyVVtc1GknMyAzjokmilg4nlL7p72i6s\n3VSaC4J771WK0FvVzo8divjZ9vOHLK8AgVvfdNqHE/oFfDXzm6G2WSihQhO7\nl4lU\r\n=M1tz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2AJf6uXRQ0jujTG/sSkcgUopUK3mxOCVPqSeA1eJjNAIhANhOBWFPe2TaG8emAcK2QvGfXe+4uGvdAIk4heOFMZQG"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.718c385c.0_1595534751261_0.9232953457518194"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.cd516a27.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.cd516a27.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.b2edaeead.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3b4c123ab8be0eaab91697be67dab225c8ea378/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3b4c123ab8be0eaab91697be67dab225c8ea378/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3b4c123ab8be0eaab91697be67dab225c8ea378/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3b4c123ab8be0eaab91697be67dab225c8ea378/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e3b4c123ab8be0eaab91697be67dab225c8ea378/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-VFBiahTJJQ9lf9fYpxec8XyS3kZQxhWBb/VyMCKb6HkN1mjcNSMAi9CK/53Lh+VNEGZyQzjJch2kpF1hezPGdQ==","shasum":"5828bded547b1e033875b2cf4fae822fc8f882f7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.cd516a27.0.tgz","fileCount":19,"unpackedSize":69781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGzIaCRA9TVsSAnZWagAA3OAP/22gN5MfXTAUbVsJutap\nlV//s2FEzFAiIcl8EoW3wb1xhESqsKHuHLJpNAiCG1/z/t2wpxYdRi20ptdS\nwNOkwJ+eDsV9XMh53wdcfDCz1VrfmbyRRBUyJwETnEB9wcspenw2LH9ajLhY\nAH2XQ9kRB5IQOY3woH0EhERvg/kTeTIWFNxn5tD7DQBBJCM55Mc+PS2TNkAJ\nrKy2ouxgbzsKyR0wpC2UKnI/zeQpf5q7uAvk4ZJABJTNovj/uz47t7u7Cbh6\nY0FeH5xM2z/9Gocj0OyTy17kmwj/HNISS+PlmSSCN+xwFDJu8KWO1E3Y3mH7\ndgxW5cb6Ck4qxAyBQuThgN+9s3h+SmbwZvNdG4L3WLaH04BE+QqWhu+uXNfI\nzTbtS/9W7YOX0EyU+jQwyLQLLIf9OqPt274A1cZYyjCQAiod0gigw7Rwcx2Z\nlJLP18EIPWzWxt30dhGl9xP+95bzfLTHoN3W5nyqzhd6aajAyOuqAxtLjrzy\nu2Q7LbBTQH/5+bvnTpJ7GN0JMFE8Apzc92r5HIZNLyRuAu7H4W3noDCLfCSh\nDiQM/+gfjzROFj2xOJ4BMUFuCjIB8fuzqedLoJbVcnWFDBfYoUtMX5O+YveE\nZKFlrBl3eTZ8StYwYJrGhxi3HXTxFHqJSmgPsUie+640V1pnXDZyYjFB8f7q\nuDtP\r\n=Kk/x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFW1BOudBsHjQ2TwdvbGidsV/VT593Cf2mmRdar2o1PBAiEA8MW8wjSYKgvYAW77veKYvcKwOtOi0UFYOD4IcRMIDJ0="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.cd516a27.0_1595617817991_0.5992950272782795"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.1f082191.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.1f082191.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.b2edaeead.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac40081dcdf0df5976402e0f1f63b1efef1f945c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac40081dcdf0df5976402e0f1f63b1efef1f945c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac40081dcdf0df5976402e0f1f63b1efef1f945c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac40081dcdf0df5976402e0f1f63b1efef1f945c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/ac40081dcdf0df5976402e0f1f63b1efef1f945c/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-q9r/0gdHwx2ARjnkDiGIqaLbomKWIqPiNaGZWKzWjvJn4aw7QXK8jVf+w128RvNNmxBb3B37MOL0MWRBySh5dg==","shasum":"ba0a935570482e414aed0b55b7e1f187021365ac","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.1f082191.0.tgz","fileCount":19,"unpackedSize":69781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGzNcCRA9TVsSAnZWagAA7dIQAI51IIgYie8SAfY21nrL\nXdiFvhU+DjBkGL/PnQqYRnp8OZT7zyniMqsTTEE/snik07iEg+trUkqLqLbb\nNxaHYpHxdrEzK7rK6/xmo2eCjlHkyatPGUwWtIfjk/pDbmT3d0P1/t5o6r79\nP4uBYWtsU+9hz9iKO9dJtujkFSRCp08L1BScfGgxeciystLNQ7BQ0rg+ubxG\nW8sKqvqfvoncsgsZt5CJjUB2pwovjRJUAYdW8eNy7M8beNi09w8XHbrNG768\nrDS2RxyX/LF54zW6RnkeNd8mP1DZoYT0/S/eV17E3VdQcbEPi7B+uGRoAkIr\nRCJiSbxYy02RedWsFWHRhBXkvD/PG4Mh3GpNBAAMt1RMM8GF4SKRbbn/MKOL\nYLhpFvhq9V3d/JyfXXjoka9vvi+aD9nw2XZ3C1uVA10f/BReP1hmoqnhUnj2\nqQbJED5x12ueOY8nCB8G2Gibp3PX2Ln23Q6a7/lQhnPp5/qyAVtspSmwfZAO\nJN0AubdCwjZXYEUpHUWoVVsir0Fi3nh1IxJcLOGVh5r5y/WkGRjJzuvEyMtQ\nDugtlyDkBjrX3op5oeNCAJCNr9vYfiD2NLSev0cfjJZBwWsnbjxlPI1NxRVl\nXvYyzssfepkxsDf3eFBn0VtoLOHDjRuJiPNHyLqAs8YC5pnHDpii6zO0z/5r\nbKew\r\n=OLfK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCrzsx3D/8hW2vk2G+xBSTQu9qcO/2MIlQEA9OHwWNNwIgVTAHdKxGiiNgPekc78yIULbwom4gg8OF3ItItBCXINY="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.1f082191.0_1595618140435_0.06260733763096726"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.ea3e82dc.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.ea3e82dc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.b2edaeead.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/acc963dd578ca338baf9c6d33a6a341a215c42a4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/acc963dd578ca338baf9c6d33a6a341a215c42a4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/acc963dd578ca338baf9c6d33a6a341a215c42a4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/acc963dd578ca338baf9c6d33a6a341a215c42a4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/acc963dd578ca338baf9c6d33a6a341a215c42a4/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-AEOjMvoG9l7Mls9ShsjDvqTyztjt+/JajBsoPNdrJz6E1udZ8/9+QXWcpiQFfVgZPD+3pVMm0soopUL+R4fPSA==","shasum":"168fe54d8ffc6fc657b938d48142747118b4187a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.ea3e82dc.0.tgz","fileCount":19,"unpackedSize":69781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGzSTCRA9TVsSAnZWagAAIggP/jIH3NlnL1rlJ9/CppMq\n1MriEtpvWjME1qy69sctML5CGtU12wYglQgdnQmIYsKg8Uo0WEjr4SAeZhKV\nLMDLBatVZYfmhdwdsxW51K0YwjZVnHLly24m+8yf4jzLvvqyeHR62hc00m+G\nhn3eXiLLrXzAGuJI5SXh3w1NfEtU62UaHcVMbRojSY6YIua2gTixUbvFsOcn\n19VgVlEzXbvssgZObLEnLscMlL0Lj7nIw4afIRTkU0q6Evf3K+W2wDRsWy37\nNMY3VuVT0pnWol6kKZUZsLtjAQBXXYGwIThj7IP+IzMDXDuO4nrRoLoTR4X9\nCcAfROwvts4tlZaFdcbf0mLtYQyTZmlLkzVeSbcS+Jco1LcVKp8MrS/DJYuT\nNW2pMWQCxxFVGxeqW77FnaBfeIIEnCateCVBdm2necFvm6X4g827tFv2QyZQ\nFSWHc2+h/VJXiIkfvDuWlmJocKmh5VOu4/pQD1X6fsLSugoF31tHP2/ZMNOg\ntPpVfL6xA/03g3EuxQUbTKvQq9EW+fcxIf9d0uGbJp+5LyKTb/MlVPu7ETK7\n8LeqZJKum2p76EYZAomhop/GuDPBw8mOesWdR7ez/rqpoVeqw977rrs/A3JE\nil6w6CuDNJqHpPoKn4Nb3nxChDOZ2u/pFFlo34PadGjNVRZKwq6nBGoSYEGO\ni+mx\r\n=EEyV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTc5ix1GYoB1ozMoJyxOql3SjyZoDsUtVAEL5kXplBIwIhAKshy3tnuLCs75R/Vs2YEpp+IzgVAfSAYQ61mVS4TBYz"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.ea3e82dc.0_1595618451172_0.9116216889960211"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.94987b64.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.94987b64.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53896e3bba08752d5bf8b9c64423a52c96fc448b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53896e3bba08752d5bf8b9c64423a52c96fc448b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53896e3bba08752d5bf8b9c64423a52c96fc448b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53896e3bba08752d5bf8b9c64423a52c96fc448b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/53896e3bba08752d5bf8b9c64423a52c96fc448b/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-J4VXhUFRa3411ehND6LE0N/F3ZBKrFWqecTllvdQjdLmzBqDscGUywh1qm/ATmNUhoCJH9ky5+gmUmUyhE6Ecg==","shasum":"78951f3115d8f5ec015381552268e3ee3fb0ac93","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.94987b64.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0PZCRA9TVsSAnZWagAAFs0P/ROs9ZoD3Q23EYz0IYMW\nJ5oK0JMUGG3sj7bLmVAOY9GdOyXo0JZohMhKzcUExk050KsujhzGudhyoB2c\nzWL0s7drEsYAmmPg+pqVoVU0axaLGd9W0gHMiFKFab97CZbJOsu7h3Wszt7j\nZcjOijC+Hnd3gsy/YohxUidkNlaYShArNC5aj49PByL9djGWdzUeEHzuW+qB\nk6ikVCWJe4zt9z/0RXyc0PLD526tFODuPu4Flc5Fte/HC9U2aLAuBfbPWb0f\nNVThXr7vZZynbxQlKcvFubud+JqkYTAorb7ogqiwc9JiuC4u097Ra4VUiHqQ\nJlSCss1NTrmjt1GyCS7V3KBcQAO+qJ++kl0h+x/29uckgTpkPY1ulXuMlVV9\nS71j3MZjBoKK6S8LCs/3T1fw5SPr5kv0c0eowgUZjvvE4yzWjSS2PierOSH0\nGa/s9c73x6F/rAPfMt8lqVbX7lSF6gcQaYUUra7v+4rRxQrnGnj8blacWjDN\nuVKScf3c4nhf37sAx+UTLkEUJ0ZpP/tEjS32dn0HDYdJNF92d7SaEq7hG9tM\niByTFMj+/v94H2VWzjo019sv5KKGYrqYEtkw1mz1n+9jfCKzYaOtgn1Fiwd3\nwxaDC14V/2ILoQp/d7Nvyz2Paz7urHswbgMu7ylOJflFGfZKdof+BqEyOSqh\nvu+T\r\n=ltLB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCe7w++L9g2HQH+JRqN51kkQbN/4pp0MGTkUzOx45rFBQIgNKpMHlpA0E3XeAELDWMmuXMi9c7YKFCt8urPFyLVZ5Q="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.94987b64.0_1595622360495_0.41988295114140817"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.ff49b7e2.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.ff49b7e2.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dfb6845469ead87e451744df01007d8532a7a5ad/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dfb6845469ead87e451744df01007d8532a7a5ad/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dfb6845469ead87e451744df01007d8532a7a5ad/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dfb6845469ead87e451744df01007d8532a7a5ad/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dfb6845469ead87e451744df01007d8532a7a5ad/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-n9fMkv8UPhk7B1WGAuHkfWZFrojBo7oXFz61YlMSPo4CVRQmiZXHTuflXWh39P4FazKLsiMTMvQ/BEfCV2toVw==","shasum":"e5f910da14764464eef41fcb1305bddc18c51696","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.ff49b7e2.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHyU0CRA9TVsSAnZWagAAjWAP/jBahGKc9rgkUa8bPtJL\n6uTkXIAjiFaS7BrKCXHftd9bbg2n7NFyS6siL9QoxC6olWuEg2bKsQ2+EKRo\nnz4T241ZcO9wgxNLaxW6nx6S+EWINGR7fw+/Tl2ssTcMheRbi9jE4jJmFw9n\njYWwI4wOFCGJtksFj6XfCYIvaaSir36Iod9u3S+2QpZb+/nRhH4UyPSAcm6O\n+0Iix+I7ACSow1tx7+ZGT9YViurG4oES4w3Ki6WKyf26RmenWF//nl2Hksgw\neiHdFhzq4zpPGOIyCSgSC1I/q15gp8OXUQsxV/Fv7l9Q49SSipEzsVpYYzZl\nKwxIiOZz9pdTWfWUXItTflOG9GWlWbuh8sRFPJ91ccD3scGioUQJeNjEVehU\nKkNF0kLqzMXBiBGOZrFkZ8xiPuRCystr8rURz4CZRHK/gfi5zp1nDhr3xaID\niU6Hglv4oxX9sRyRUVZRi7ds2Mbu1l/MNnC9VlEabrzBjEXKoyZDiHRQ1L0P\nHRWMYkKKK5chAEWYZ8dl9LfkeOn/3GdZlY1k/MX2fvpBOzkJEEoeih73Xmmh\ng4p+G/t7tXdbnwJRM0iQDsNZvX9Ed4Gm/3JQCWzHxTExO5LJxFOyWYzLc8s0\nKdZGFH9qWlpiWhlwnwywEUI4aBgyBVIMWi5rMasmZAn4n5EsAfuypjhcQh1m\n6IAb\r\n=di/R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD59cnJHJAx6y40/RVJwNtKm5qOaDhjEUTWw/KmURehtAIgUzcglw2xuJKixX8zEUVbtkFJL6ny3hrGDJ/Va+ASUMw="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.ff49b7e2.0_1595876659545_0.3000837014427702"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.3d334ccc.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.3d334ccc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/620788b72968e56f9d028ba5ef2ee7d1b4a91488/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/620788b72968e56f9d028ba5ef2ee7d1b4a91488/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/620788b72968e56f9d028ba5ef2ee7d1b4a91488/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/620788b72968e56f9d028ba5ef2ee7d1b4a91488/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/620788b72968e56f9d028ba5ef2ee7d1b4a91488/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-gwXxsyt8dAENJlpaQtOR+W1idpaPzWeRSZDwxK8engRPydzR21rMLEXTfVRMrCdrChWuvZBdJe7K9iWDNLTWXQ==","shasum":"8b2286dfd73ea3dbc55670ef804a9557f759eb0b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.3d334ccc.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIE7oCRA9TVsSAnZWagAAebUP/jYtgzqLXQqZ+MQTdO2s\nyW9437yXCHiy343oZ7oI5hMfJ+Ev0uc5ub/Laz1VE6lDf9milp2tu/lhICVN\n2JZ5qSl3ZM0oU4SJZo5q/Xm6miK7/f/eGqUlIRoy/SxwMDjQ4AweMAKYG7t4\n+UnaN8iDzHoCIK9NcodB7YpNKkXvkmWVq4+QTKIFbL2jP4j4N2QgzsqMXzuv\nIMh242TTI3Z0JoGHbtyYujLDyCKF9B9Af352J3HIMhd30ny4vqMDnFykHrgu\njs0xsxMmMJRslKwoUWOwps6SQHi9alm7MUPT+ZYh3g6nN7qvj0M+chH1+yiV\npaIy3hD0XnihFBEjTDOZJTWkV9CGOLdmL76Gzb34jqyE5MCpQtRqG8AdK3OW\n1yxNBH9JdK3xI7ovahI2GfQmVrxSJWaRm4MSK5VAYe1sgz2x1wWfuUGhbIaL\nbF99YvrYF4yBSYofsLH2mfmFRlK0L+UFYo6hxkxdPKBUzBgw1axrI0dbnq2G\n6utZBxo08ea2l3llzo3vmiRVdbAj8tqZip9cfSg4TPktnZtAfDYv+/u15F2J\n75pX91cgFHjbLPIjz9KTHwvs+IyIaK3s5YjTcq2cK+398GHaE3u2sSGkaALl\nUbF3Kae+SsldV59hug/o2dNRfp9XcbZXfzOsTpL6PGbVjppu2lZteAuGut++\nGcWF\r\n=pErP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGRUEpvabcNq/p/yg3z0M/XnB9ia0fIREjhK8Y5glH3gAiEA+xSI50hn60E6RCp0qPaqUQ/dMJfyHkUEeDvbe5McS2E="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.3d334ccc.0_1595952872086_0.09659296532920547"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.82ac569e.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.82ac569e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0082732bc61fddf6b3c8f7d114839f1937e7d1e3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0082732bc61fddf6b3c8f7d114839f1937e7d1e3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0082732bc61fddf6b3c8f7d114839f1937e7d1e3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0082732bc61fddf6b3c8f7d114839f1937e7d1e3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0082732bc61fddf6b3c8f7d114839f1937e7d1e3/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-YE9iyHp9qz2tA3RKkP39q90nR0f+85FOt+OooHIpioD7voKIiTVexhnczIGSuiADuNM8gqYdLVOMXvnxU20rhw==","shasum":"6c096cc6fe4de13e70cd6b3757b10b9e0ed897f1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.82ac569e.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIHFyCRA9TVsSAnZWagAA3O0P/004bzMWtoqOjqlFVg2r\nn+kIGeDFaKm4Zr7YScSIKme1Iyf6j6uIf9BI42NkWGEnRjR6P4a8nAj2Fr3F\nlXuZ/rib6qaWoAUv6ZxwL6rC2F4zEzAo3o3jzCdPqbHqDiaCRROXh1AkFmeA\n6rPOKVukRJB73ImI1Y1DoJyf4bQZHbFIwbnpCCbsZeesWcbFPDrAltusB8qJ\n6y7tvkbJlytIPloveHw/S6YgqJUcZFxeHWS39AZwt3QeKHeSnOzo9VHGGJBp\nQnziWb1FJZ35ZH/wRnfE5pM6Po2UIXXs7Jww6oiHLhM/ZZ+G3zYSGxzDTNEC\n+p+aXi1jY8nhiYbAVHxznx3EXTNAnseI/p7l7cq4wtvxBNkJlgGT4OZ63ZAU\nXUPJOtYnWk3YMFLPIXBOQjmXBNzj4H8kKfZnBreAbplAleWZ2CTwyHumLf+k\nbKwG8dU7WuFPri9MtDrcgPTJEB8DoeuEr3lAT9HOkAOJXWTTqlirgoqclrZu\nqF7UaJWzFJMyS27Kr9QkTVIt+1G5mwF8wo2bh7qV5Ea3shoFTooGJ6c3aiKS\nq8gpoB0ZLq/uUszQ9zkDtYQhwlZ3Zfe9YuYdy/a8rexavhVXFbBJ3E5Rhf4u\ngRkoKOeewoNJ4yXt9BgpXFfBG6+gn890swl4a+QDaiQkShZTUkUhwHNHhh0r\nq8e7\r\n=VLxV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHeg30EWecb3zErRC+XYAmMFywMllA86MlSSHzsSzQkiAiEA+h8VjlvvPBs/Ogh7mlNawXqyGzFX/6ZF5Jr+L8exATw="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.82ac569e.0_1595961714177_0.613043576326672"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.99df7397.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.99df7397.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e236d384d23fb84c6f0db97495a598e8b374ef26/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e236d384d23fb84c6f0db97495a598e8b374ef26/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e236d384d23fb84c6f0db97495a598e8b374ef26/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e236d384d23fb84c6f0db97495a598e8b374ef26/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e236d384d23fb84c6f0db97495a598e8b374ef26/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-svXRelobtSQ7B6RRyClV3/qRKFsea52xAcKHIVENYtVSiL/caHh+6ks35nXrg69dFmZUevpdf32SCHLN7t3qHQ==","shasum":"fe17766b1d99fc5cf897651cee62b98ab76c7e8f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.99df7397.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIOF5CRA9TVsSAnZWagAAtCsP/jG6Owxd//67ZRlYE7EB\ngrx4fEs/8isNlNpgs61GZVIT/4pModgWfGhC3fRCH2mmwh8YNN9r2U4dfQ70\nI2Mm2sw6jIX+u7HnkqJvjKgcgLvkcJf/DxRkRCtYGFeE0kV4MxuGP8xSi+xY\n9GKOT5x1/f1xhjgsFhxu1iil1mDc4HMOHhw+5n/FrKqNrEfGryOlLXpXNtGe\nrn2nKj787y3H3CUO9QM/fIk8WVMYJFSF2em53B5Zc8f54IHoqyYxY3uiM8h6\nEfTCfItW/v1bxZGEV+HEaFbuPSPwDgB1mIppse8DU3m8VEZr5BdX7BhN3Up4\nZhL7halRJWCQCXbpqpg4lf64XvesayGDO5f7bRclM+u6YyWmr+MYE+x6yNZQ\n2Ag8esI9qJXfpWW1NzSH+PxLSglkTr0X2QAF8E80cTmJ+14hgX0a7i/90vQB\nE2bxz96ZvU6dVeyXfQX6GKT0SIVoOBI7iYdUbJ/1B8niIgwUuz8H2yc6IbO0\ncpUOu26OwduBw4/j80z01jctBmXG74vNczk7iD6MBWtfg8QjokIVvq9KxZbe\nXZSr1kMv1HxXkQI8+e4yL35pq1JvjNI0oV7vdv7eW4UfZfMOQrxBXMMHJX2n\nT/NqvPfEnOeBhe3a5ffBD5xxyfgvOxMk3A6YKzC+klf8pa/IbAlCkY0JR+rz\ndoPY\r\n=p2VS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA500p/i2w56VK83mV5qM8MR6d7g4JhkA1OS8EPRcODKAiAsXvOnGbirAN4+nGwIEDo02/z5yq/MhxgtZKY1voZ0Kw=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.99df7397.0_1595990393124_0.07255449301244288"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.45493e05.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.45493e05.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8423dd01198986c553ae23227667bc8148bb4276/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8423dd01198986c553ae23227667bc8148bb4276/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8423dd01198986c553ae23227667bc8148bb4276/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8423dd01198986c553ae23227667bc8148bb4276/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/8423dd01198986c553ae23227667bc8148bb4276/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-SWLZl3ypa7+6ViIQVgCPoh/4+SZPUUS4YA8V7o1FimtFtgRi80L7O4q19dFR1+F4/XhZ6IapE3Mufx8ealuktg==","shasum":"cd2ef85c12077d3fc2f2f6d05505419ade527a22","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.45493e05.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa7WCRA9TVsSAnZWagAAfMAP/2u6ktyJEX3uK00iLLaL\nbt1/iQ+evEkYWCoKl50Pofbh/Be5iWkzzK/W1TUTKzhxwh0e4aMAjPGLgLd+\naQpFN4YYENvjHXZyPLdhm4bwK4ahRvWLks5LrVTzQAfa19/VxXkeUtY7NxtS\nqt9sbrTxeebRKwUVVYECCf+xH+RsT6J6LARly8ag54t0PgtOljIA92tDG3mU\nciZmRv7ZpHoGgwDdmYNw4bQ/oyoIOs4rfZduYW4abLjbXkQ/gY6TFiwZLSNA\n7BkEcbc85tpDFu0BfROtp6BgMbkgNwV2eswupEvjaGufzbQV4UdGgC7xf54b\nzBFaKvZyn0Vn8+hinFbrhYpg+aLKFTWIO98lDPhbl3JtgpYYfm8DpI7NBWTT\nttyfrRM6YLkrmOmgLeo84NEPQKga07GMMViq/PF8KQ183xPBsh1AzTT8Y45a\n4A9UWZ0QMj888VZpU8I640x5vploNE6Uuqupjzdhf+c9+jUBXUL9BZkPtO1t\nOnb5OVmTKjJIVzwG0SNjomFhYURYkxCMYnVuHQ7MrkUF35I3CR+qm/qv7BMW\nIVKIdB7aQUvYg+4iY599EVRumoHODcPZ9oLp6USucz96twgFxPpPEo0ikvH/\nBEAJLTMiy2G5G9Hw8Tw41X5X26cCpeoT8KhkvFNq/PVmTIU6I0IchYTVSkzr\nVqLx\r\n=z0H8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCBqkqvsEQAjNtLQSzZpEg7XrJr4FrePItjSp8iTn9cAIgb5TLzn9IU0cSo2q5CEiu+z/E9Yekjdwi9HPwmmG6BKc="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.45493e05.0_1596042965802_0.024985344146062127"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.f2ab0a95.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.f2ab0a95.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1009e1c7d365921dcbc3071cabaa20c5e21e65e8/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1009e1c7d365921dcbc3071cabaa20c5e21e65e8/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1009e1c7d365921dcbc3071cabaa20c5e21e65e8/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1009e1c7d365921dcbc3071cabaa20c5e21e65e8/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1009e1c7d365921dcbc3071cabaa20c5e21e65e8/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-BCdzXRjub+9lLSnpBy0OAEMH1m61SLNlclTnN0dVIWlL+OJlhTxCukOiZeCo7umyGgX0BuoyV+bfT1mVtKcxtA==","shasum":"c8027ab296a3e55304b682b6c8910a337fbb172c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.f2ab0a95.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa/xCRA9TVsSAnZWagAAx68P/im2XLVDcEWnqp7O1tQh\nudpD4C39XcmdY9Xy9D/aqYElZd4tMQU3+hvAGhGSsrF2+M8NI0a8oe9OHvMN\n4quj9lDpN8o69aAoPpd5LDQo6qnH/1R6lJ9ESmt8YHv8h1KA94jh+iuUy0+y\n3Q/TeCpvfQPu4IEIm/ctEmZ7NjrvzSRjbZb+CIQEDrrXhVPGpWmL7uUSClJI\npN8K4ocQFx5j+eJ1H/WAVBT9KlxfxXkNfL+nJFfphjS0isBxs9AbUh1x2ph9\n0L1Sj3bKjp34DaU68ifZaDphk8ZUfmSitMnmFqtGVzfa50tfCkywqrtkFQss\n9Ct3nePaAADi/3nMGbgPewWNRFowx9x9Np8uH4nCCUYH2nozBgQAWiPKoNn4\nNBxAzqsGx8oYHE2NQLjWLXc18duDR/txUV97N6K1D1Pj/YNEJdV6oLVv9zhw\nueaDk5X/dakYZZqb+wB3jFOizsHszK5BVbdUn8liReCzrykfhWpRsOpiLxsR\nrRFP4xjnhfZHmrrCoTrSMegND9ZI3ojzujd2Ouv0YvF6JO7BeZlQhmN/E7FE\nFtaOURVk8EUDd5PadWmc2i+xm/uJkDJiOp71jHtK49HYzVnU1KyFWasY+xrX\nrGKjYj2ALIlOky0b/OeUeR/Q54r5ZBvQKcAffhDKh0HuM5Rar2PEeQSRABtC\nNUHG\r\n=XCSE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbOkbdk/GeAGPLidtbwv00iIZuVaKuAHXvtZ1Kuvu5hAIgOV/oJAv5lPebJjYJK3tbtQoBDQrtMR7Brqnb2JPxUTI="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.f2ab0a95.0_1596043248894_0.9572911289434509"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.45f9eddc.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.45f9eddc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1cb46e993882c87c3cced22481410b4922c1e1cc/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1cb46e993882c87c3cced22481410b4922c1e1cc/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1cb46e993882c87c3cced22481410b4922c1e1cc/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1cb46e993882c87c3cced22481410b4922c1e1cc/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/1cb46e993882c87c3cced22481410b4922c1e1cc/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-p0hVtl8PiHeeaMQKsmDtZhU99TtteMIJYb1mzAisETjgsZKLd8ZYPPFnHB/hDR/pOaXhxk1ScqpRxY+fjF/DLQ==","shasum":"969796d837a27e59df864a4eb041874c193f5930","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.45f9eddc.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIho9CRA9TVsSAnZWagAAIKYP/RVnA0tLIkbLMccD5xIS\nv9u2FVlX73Xkq8qoyZtNah2EnHT/ghNOgYpCLx0IPibuUQrW/y1fOKKSvfQF\ni2CS4JCSMTgzYzohrIfxM6R+4x0Ud1ByRE6yKwEfwIDGfyu8KH40+1lIZa7i\nwzKxlRLzHNiqx+LvOcC774MJH/GPOcgfUtJ4iImC2dtyqpE8VbaSNe2YgUJn\nauAjLdZVvtm+xBI1qTiHY5/IgvBQLwOLLvbJ81UPy938qTuFATxRxY6Plkl2\nD4rQHWPSpfkreyA+L5Ec2ypfdYor0cIA8fOs/9Z4xDNXJFo+I+U5WL5EKvd5\nSYHj6RheWciEVTqUJIiEaFsBw0/v3cuAEQEC7DTscWHQqYNaQP2osuHOqeT0\n9HgMT2HLs1+Hjue0BLsczKh7VP1u4pyTkXC+iu4A31iGVWQFzleAqeDHvznk\nzZM2Cz3JKpesLKdz5xLySh+mKNeA+FaK3/gLbmt/0iVc79tjQW3zsc5zg8Te\n3vM8JCzvdieo1/Aik4Kqc/UvVfbf9yYoGT76Nj5mAXaVBFR1DIUwMyn2NCLg\nW2UkluLkV3AuZR8x8xHapbFXSS2BLnmyPB+VH99RA3X0oMN8pHA677t/LL2I\n+g9Xd6MNq41sFBaTSK0C/O7XbqPTTH/MQl1b64z3IquDKdotKAnrGzE+tof8\nGYGi\r\n=4I3F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSedwC/uyzumwCu3C8SbUEOr80/kUiQggzq/jcpLaWwwIhAOi9kswCsCH0s2Y7YlBxkiWwVpCWc1ocolrw6UWYHP72"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.45f9eddc.0_1596070460664_0.3720306101300952"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.b64663ea.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.b64663ea.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18456f1bd35a7bed64d6ca9d3d408d9d62d59c90/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18456f1bd35a7bed64d6ca9d3d408d9d62d59c90/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18456f1bd35a7bed64d6ca9d3d408d9d62d59c90/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18456f1bd35a7bed64d6ca9d3d408d9d62d59c90/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/18456f1bd35a7bed64d6ca9d3d408d9d62d59c90/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-63juCSUAvjO0BqkvHC9i5ayriricthPj9Zoawk5RkzP7fj/PQXuyOv9UgylYdzn6JVV7hONKlF292r7pnEGVCA==","shasum":"8ce96a40a95de22f1472944bc8ab25a325913108","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.b64663ea.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwaOCRA9TVsSAnZWagAA8LEP/ivF0e1y/fPy5lKQ4wMt\nsN849wy2ImAlr6hfxOLPO+iTKRYP/xUqSqf9dW+UpkdbY0LxqbY4Jm1enqNW\nz6A6Hy4LGKkXONFcEVPXXL5BQ9GKg4VgvLV2zpbLrZJn9Cjgo6J03QxeYZFQ\nu5tQRgCx/bw7yX8Ej69NsW+9St7+sSgBj9vGyVkfkVtpPozOPCzK7yOy7YoI\nyg1zv7Q8MyLXpjBHIlHkGA48NXWIMXN2Wl0VjsCcC2Nhq9X/GOMjJctYzahR\n9Dl9vG0hDsG0dHMF/YXrSV7R1F4mvy5RNHdFDGGks9hub3eBbd5rzzzupetX\nvsVpe3X2NDt/6a0wXe9PzyX4Q2Gdcsub0j/1tMXpIvsjic5t8otT3FQoZFtT\ngPQIgAXwIqXxwkC9togmz0IF4oYPnZQ7KNy+bAVTGxqp43FrLgIoH/vNwFxm\nDd3jWIa1YOmBeWPWI6Z5QpLkFdt5ozlKMtxheRg9pjOeUaq4pbpFiWt2lj7E\nQ5mMDTCtMVS28VeZNzxXJcHdSeYDVYB88FBBavo/fd0s4AkDsT9xc2TT4klz\nm3/Nes0xKCltcS+FKSmmuucegysOuarKO295BEClX4sPwDg5act/t081uuTJ\nhT4EnjMWodDKfHiTQvEIHrdy7CC7pAHhODVE5iKFgMPtiVbNThkmw8yETlCy\n3m9p\r\n=2Jv8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3I1Rk1DOTnCr7fOPo27EpxgqweW4Jbzx+ZQjTwLBCcgIhAK9+SP+81dHOCog9KZ3VBzosma/npE874wjtrNTwBTsQ"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.b64663ea.0_1596130958310_0.9727604552265001"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.9a1a4d2d.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.9a1a4d2d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f3382a4c5be4b9d21268b2d1b0831f8d8343d2c6/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-MBGL20qbxPTZvSIFU5q5TAwhrzBNc2Snt87snHSyyktXb39wHC0KqL7YnYNjGZndFc/p1TwtkdoispS56r56eA==","shasum":"7f376b6158a1c954727995104f07b4fcddc65068","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.9a1a4d2d.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIzWtCRA9TVsSAnZWagAASf8P/RiKXEECAY7izSTysb8b\nkvNYNLCnYVSSIQ/7cg8jae4/lppW9qcckds/0gP/tNpKLx8FxUhQwpzP7ikC\n2NWcWIk9knQ1olEChwZCQAUDDtscwQDl7+aOJiuqTKnerZMT7lEHmI1sv0IW\njZsByYy6k5+JoUlaV6BcbQzF1xCMrj6bai5lppYLYcRJhAk4NDSV2mHBVL+R\nBNas0JtD+lVO1gRsBW9Ugt/m5BRUyJLncOMFpBJl2WV2ya9uCoHWc5v6T/wC\nxai4QQT8ZBs3EhP30/P706BPLpAYri1n/VpidzxN61oNl/eakEKYMlOaJLZg\nwCjD0FKVoojZ3ekiD354nbF5HSPz7f6RaWQHRLW56UWFiOc0rqkW+ZiUlmsW\nhUdEaHuX7zxOlEAIqLjerUmSZ4LjMC3HHULgjX2uNFr/aZTjx4Wbr356W2uz\nIKlaq0yRGWnqy7uOYr0c8ktECRKxwSk24LRjGNEXSJAhmJXo4xX7bFh4CMu4\nxCm9+7lt/QcTHuMor6VwRhMqgv4xef4tSFPDkhWok86Rjo7bID3xTtmxG+w8\nTmATAhWOsaa9x7dA28UAQUbbmgH2DEWcWNEmEN5CUVOdZMRHmErPSFtYhr51\nXZHXc7ELH/RP4hP03a23a6OcCIL62tCkicgUfLwaY5QYZBsBTBy69HtxOcH6\nrcRd\r\n=JXwC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFaQYsUtpsXDAsRfp1UzjMda5ICg0cpjPFcgQp+xuMn0AiEA2EM4o6HOoEjFxVSUhVMutzqbIbOi02m6e/LcAIs6ilw="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.9a1a4d2d.0_1596143021107_0.7016895153480032"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.887c2848.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.887c2848.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2da757768e8d58aa4885027c78c58f8515382305/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2da757768e8d58aa4885027c78c58f8515382305/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2da757768e8d58aa4885027c78c58f8515382305/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2da757768e8d58aa4885027c78c58f8515382305/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2da757768e8d58aa4885027c78c58f8515382305/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-8eftLkV5OEHhXoSm/rUvrzji1PB1UB2/2Zdgb+japLpQ+rfuF5kc718p7PF9oClfZqQu99+UBhDtLXIkXS4SWg==","shasum":"87960f068ff041f8d380dd5a7ce0dcfb73c6d8ca","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.887c2848.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI0QPCRA9TVsSAnZWagAAkSQP/j9KIsvbeGTIK67Vf8Wf\nIHYPtmMQPMqidnsPzyaytBKgPKkU7iVcpL46quFVsLM/G9Zzkr9tA2gbuBMt\nffb9iy+q7slY1Nh554Bj4nGaXX7lrxcOIhw93VZFThTKrWD7qgOe8aMF0fE0\nfPxIE9SZWcd5Q+pJaI1fLbxXq0k73O2mJB6/XskuMp0Z/VI7jREYRjPnCnoR\nawWXqaP4kfpN0KUClcQQlRxr71MidhgEtSgq1OkfTFv0cg1syaKkWI/wk5xD\no+61ERQq0HiiarDhZW17Kh3omrdd+KkHkmSKgXzXHFeXTHrpU8thJZNK3E4Q\n755LA+ZixMR6BtkV02Z5jx88J/vVbRVOBfoCtCO2/FqPQhwCBDdzE1xR1kxj\nSyrcNuA74YhhBhY2qn5BshSSGT/yehZMGNJQqOLgOgnW1DtNhOZn27MEjw91\nmxdSIoINkXtUZyj2AZQebMOoflcBMtjusV9xkzBKF1d5xOyzjRQIM9NBh3bD\nRdHXHmKulbv0SZgZd0W4xm2aAYOsvdp9lu3ODZrW9txb1OwF/DDtL1ZzqyFE\nG4qWtS9701TrcnO0TW04PxUggSHUcCwlB8D6nPUNr3scL3z789nsckb4WpqU\nq7tjHT8aXZgdB9RRLjZJ+Ddy/e1P6bYeu582QEyjblT5TCtsllIx77XA5kz7\nSlTU\r\n=CICk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+mOyramRHelmsMr2U70b7pX0QVG20ypJ6V+h8I2I5WAiEAtXpYBXJa6AvFiMBg2jVaWPrLIdAs9wFAZookF7u0HYc="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.887c2848.0_1596146703273_0.18798909531061048"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.354eb695.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.354eb695.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/75cc944c1c31dc88606fa2007d002743354e601f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/75cc944c1c31dc88606fa2007d002743354e601f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/75cc944c1c31dc88606fa2007d002743354e601f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/75cc944c1c31dc88606fa2007d002743354e601f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/75cc944c1c31dc88606fa2007d002743354e601f/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-j30w8jctcdcc2rA5LKaCZ8MA4Vt/ayzbU3GX9Ip5U6wgTOsERVvd7PkH56nI/eyXCBiPy24Iw6CzXcGUCbgL/Q==","shasum":"088ede0c508bb8d3b4d88418314c8582eea9292d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.354eb695.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI15iCRA9TVsSAnZWagAAQdUP/iYyrRO4n2ZfePJ6IvjR\nzj0cVpVPDLhFpxmaWasTGpNiGniGD4dmR5PtaXRyfOVGBfnlrEYMGdk8rRv3\nB1dslm+TOmlvRHrZeeECgfXAjXF/hVWRpWrNlvBVTpr5TWUIwNJcKHzPrqfY\nUV9Lx6QdM2fjYD+Bii8HZH/blN3BHSEfvt8pwQ7SMimo3Y+gSXEvp/N9RFcu\nIeWc0T3wTa6QRoDHGNHqJQ5a+MA2gllAXpFq5vkFMjY4LG26Vo+xwTZQ4/nq\nCAt7qagPJPAFaLn8/ivnh6vy6EnjBmVJNtrO0P1OhQrWbuKnEqQWcQiPfY8C\nrtfIqqhlfmghshPfZ8cq2h/6HlHa8eFi6P92cUodLQGoDIzpiNqO9rwBtV5G\n19VRNqlcXtRrGnUxk+uHRmFZcysz2HuWuCm1hWekMHakyfuZgkP3VGKEIbMC\nGNgQvzqqG1dNzT1vJck2Je7dUgPOSCvQsAXcCUAbqxOl9uoc3h955LD0unm7\nhprFTqvgrFVEpt7BeBs6L5jtjvzoDfVXkkF7shNRkPrSmX36yyHaVQrOKWHR\nNuy8SmnAyo1YgLRmXOoHFIla9Y89OCy4i88IK+MDwf9Y/sfZHfMLtA5IOeuh\n5SCL5gmVpHohT1N66fVXHNHfRCx05m4j5FJFaBD2ZLAk2817SYKYjIf+gPr+\nXmD+\r\n=+T2e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFC7uoIgZD+4/v/JY2Y250oYPv1z9NQijVI4g584LgIEAiEAnQG1Uqo+QcQsddmU9K1DRWcwOpByt4GUNVxeHv6n5Bk="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.354eb695.0_1596153441939_0.9990646134429031"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.7beb236c.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.7beb236c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9cb1508b49b8ccba6072341f23bae1ac67078621/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9cb1508b49b8ccba6072341f23bae1ac67078621/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9cb1508b49b8ccba6072341f23bae1ac67078621/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9cb1508b49b8ccba6072341f23bae1ac67078621/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9cb1508b49b8ccba6072341f23bae1ac67078621/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5slSh7W6Ub3WqKNdEbfXMVkAf3iqd7a9EFPhtn4GbbAKyhD8ZBt/PGdYuEOMn4+Iq8pUGybJsAbEI3F4mMghDA==","shasum":"156ab22e53ed8d86db4e11b3ccae21313c046217","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.7beb236c.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJFdvCRA9TVsSAnZWagAAinoP/jKhzRwlBbsqPid+0Xoh\nr8vzAu8OrIcBzhl4Lk5XpAF9QB8vmVZOAHBgQ/3lykuw55vpZfCKOTPVG4mB\nRHZw4LCUX1jN9wWjx2U6sIWROEqSvE+xIM9r/zP6sO/w4KwJIONqTxxLSc4R\naihB7dbyIS4CYaLbi9cSKGrS4OoAtTfspKLWMmEQE7bhnOLBMZGNH7NnPjJG\nyGjBTGI0M12wVbeU0E/c9ZICAerhM0iIGUKcoFd0LcTZM38CuI6iqato3iRK\n+ATrEL+rDmXrqlOo5QL+sKzAj1ApuNdL4b9vBcpXmMDmQAhOguB9iZ1sv93V\nIy2hMne+rwjGj1XNCC7qtIOmJUwrvtfu/dwyKIbTkLrbAdLFzzB6lcGksSTe\nGAxSENC9qXCtLmT90jJLIO0PsP0O7fryN0VpUkJFOI6xrbsdwLVZJ3G3NgQj\n3YHzoZ+mXFImSJ1pDUkPjp/qL/3rfxsHCUxj6YdljCpAyAzw/Bg2tOAY9m8A\n70mE8clU7Ex+uQXDXS/47OFQ1Azn84GJi117CxHWnNdULlq7dxMevdsPHsYX\nJZLmqmVtk067YxHble7PXDG0bY6ZFsJ250YM9wyQgi4dkDN2wJRnRbCW4T1/\n4QvGO9h9FHhCv1QDPYJWr2LeiCMv5fo6viuFoqP7Rl7qEvlMUS1GkLjtVkKa\nZk61\r\n=rwdh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwgN56fMe/GIIMLAJOs2lxVj4GWVEwwi0EbvFiIjDIbwIhAM3wzgE1dLJa2plhF5LoQIJZaoOb67JjMb247G1Wkv6K"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.7beb236c.0_1596217198931_0.3366966735167296"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.c44acc0c.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.c44acc0c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2491ff018c9a71195a5e873fa60b912085ec84d3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2491ff018c9a71195a5e873fa60b912085ec84d3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2491ff018c9a71195a5e873fa60b912085ec84d3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2491ff018c9a71195a5e873fa60b912085ec84d3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2491ff018c9a71195a5e873fa60b912085ec84d3/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0EvKn9fa5zDJ9FgyOxVyeYKTDCufrUJWHd8U/OYfZk7ayj71Gu4wEsAR31vbk2Tw4EX7EVctgg2GBY8RMTXzRQ==","shasum":"126af014343faea77a43984375cd1ed0e54fddc7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.c44acc0c.0.tgz","fileCount":19,"unpackedSize":65482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJIjICRA9TVsSAnZWagAAF/8QAKK6QuOZtHnJZLu2X6ti\nURYOE83aCWft9ia8soesagHDeUv/h3MoaTxGRHlzrx4+g4IDpzh/+wDY/v12\n/uX9O/RjW6Jdwdy+vROzHcFTGPHlwAdrk6FbfQ6SJjpMHKTnTmbonCfr+lly\nrtognH5eLT01LCEQthapMIKq9oFmatqDZMHHxrAgih0p09zEjEGHhss6z029\nFwBRTH5G6UmeLDASRtdc2Sm+ZKywb5xzR2TZ2F/d2UljZWaWaKRwkVeDEGxb\no3hN1Kq9IFM+N+ZV21KDQbqFnNi90IBJZjqt90+E7O1KxGavHistFWqn9fPA\nwr+ZTb0bLt/L56Y9jcaB9Uie/oJzXEQ30lEEjgYX3kePCstq9Jwc6Bi9a4Yi\nbpdGHe4fUqQ7JlaQqbsySk/5PIfcTYfiE6i55qGWfvLrmckOfMfefFvilKiU\n6kiZFPpHvvzZ2/atwSeaO6l5e7oiZC1m+D5SAjalIv/Vf8SdEHbmTGgWN8Gw\nGXTt3KW3e7lB2HTLZ/19y5K/eNHNdwRYE6nMxIdRP9+UwvoVxYvRlH7l6Dvi\njd6vJ0wxzF6SdyhRQJAoSnkthQTFZqg5190XMa7Z4qZw4ACminmCpHjStyHU\n54SiFAj9faIoowS5WjF9dafxLa6265x3pyiqgWr1liTLicTdg67mn+fnSYos\nvlAQ\r\n=sfjx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMNuhnkVRN8s7P5qLPaa4Takp8gKchT0EbBBzx1vhKlwIgM9nCZlcLAIeNBuMu5+apgoFzSWyJusnrsQdHFkt9RuQ="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.c44acc0c.0_1596229831585_0.011150780179139508"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.779853ff.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.779853ff.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e06c13898d0c9fdc7cd494c68586a55eddd2d483/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e06c13898d0c9fdc7cd494c68586a55eddd2d483/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e06c13898d0c9fdc7cd494c68586a55eddd2d483/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e06c13898d0c9fdc7cd494c68586a55eddd2d483/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e06c13898d0c9fdc7cd494c68586a55eddd2d483/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hiBTqvwNRRuWtP8RxaGy9zUL8Ja2Y6FN4kDw9hKmWmtyxn+A6W7HN30feiIli4kmEI+aYGvskwoZwlFPfnhgdg==","shasum":"956ca5e0afa3e3329650eb1cf8214a26585f6556","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.779853ff.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKEflCRA9TVsSAnZWagAAkmkQAJ3lBsSisbGVtPY+g0Rh\nu6kPjeJPdxAijv3Ir281pw3KfKRlDadOgESmoZdwv5+QMWd7VF/vZFKsNHbl\neWt/Hb7IXyoTznlx/9yZpjIewNRteFEH9p3vIJ23Cs7bwLYppFIx1/JgWUXc\nnJfSzcNGNvkGBTlQLeZr7xxL1vTDzrSj/ZHmIjAITcQ3s61V7eG0aAq4IP/2\nca2GqQXSmT86sklAn7NNbd/hcy4zPZ0hJEAB4RlhY82nccd0av2T2cQA/4z7\n61/9mRHwhA/q8ANP2YhI0ES+deCQBwkwg8XEJ6w4XfRwc1QnFsV7z412uyER\nhcL4n26jlQdHp0/cvXSwwiIgfkPFWWOHoDJYcycoF5qB5sGRlJ1YoN8sLIyD\n7qWVqjNws6FnLz9FoFOdJxRWngvBfgJO3glmOqKpHPT8tYpX+LCos0nhSFXA\nfXnrdIdEoJcZIhvNvC5NIbyuMwEkK4fqDno74Jo6hTBrqeJ4Cm7T/xVg/j9o\nOVBMn5EMBU4GMF5+M+X6/OEmtm9Q7mH6vIckL5n4kUlTNLv7z1RVWr8HuQLM\nFmRao8wnVxvL7FLrOLF+kTVqeDndVI9a12HqRsogTfAkdGwztMewt3nPS+Zt\n7i6QB++KM9N1monNxDSLx173J/nxGWbfheH9iaDazax8omcxZMyRiAAtK4kn\ns03e\r\n=zyw2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHecTwwJRHM4QtDNHJlSkRQI0Q9d7AUWYeIRbm6G94csAiAEryiB306k8TKYXgA+4BEVUncKi+uad8SKdPvzf/xGJg=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.779853ff.0_1596475365470_0.06471286580783797"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.8aaf270b.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.8aaf270b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e119651cfd9ab60def67a36255b4ea0ca1022d37/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e119651cfd9ab60def67a36255b4ea0ca1022d37/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e119651cfd9ab60def67a36255b4ea0ca1022d37/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e119651cfd9ab60def67a36255b4ea0ca1022d37/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e119651cfd9ab60def67a36255b4ea0ca1022d37/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DE/5zJOJiwngPAeOBikFxVFCDg91H4W2jbd/bk49bEvGmurgw+TWRj6Uw0nldL+E6Bp8TOj/SMk3oIkpXsge6g==","shasum":"c82f43abbd05a3163ca3c44be21f8edbaddb7538","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.8aaf270b.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKFoPCRA9TVsSAnZWagAA6VgQAI1BO7ZEFINy2prh/R+D\ngPUb04WnSLqXKGcuqy2xDE+ggGb5n3q6+xVQAEHOL52tlc3pP8PLubHQLwel\n4/Zstxdua1X5JC8JM4rxdt2gH6e1beK4xlScUE8f+krQ4p4g47/25iU/m4Ai\nN7/O2O66B2Ty24Tq0mH1Exj5Ne8m5+7q6fDBBFe2jxeoHXLrtLk21X/sM0Y4\nOaybp96yp0TU6eZXxEjHStlhl5NYxujHex/HYy20WaCtgd8M0yb6/CDUI31J\n3ll779ybaBGCgWbO8qxEhhOZXBpmpo4pdKDDPpup8n53fvmvf2fbKNHzBk05\njKFZJ7UhFCm2Kdde/evP0O1+NSNMEQXprpSCd+zeHy6JA+uZrcwQGlhTglYe\nkM5Jh7gw4vPdjQ2nD1FPsss+RJoa9ELCMFltjxmKNDve5xCNorBeL62OmBOt\n+lZjN6cOyeJDkUKDgs/okiEQ5XDbLf8w3wtg7N7ZKILXU0aKWIbRSzoB5DCi\nsIDU+3B6fGEJnU1MCZ/fnkqqExN1gik7L1MA032hbVP8UMrYnnuYk25p5P1u\n98mTHKWHx/c2S0OwONPFW2gNvQ5hS9nYz6uDaPqkQ78aVlKrKfbDZ3MEGiPT\nFd1kDGGjv0tgnCu3ZiR8IuFCW3GCHE44w4jLNyY4kM0/gZPAAaHGuRmshCF6\nvIwp\r\n=i1XS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0Sn8s7q16r1oqSTZT4Akwc6q3UHXSO/x7Wji1Oh4SowIhAI+lUMtqhlTUFcuzfV+pw6EEycJi1TehfHU4Xh3mYgYo"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.8aaf270b.0_1596480015436_0.33430426240494926"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.5cde9f12.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.5cde9f12.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12da43d72184f78a2245a6686a1ebff3e7bb03e7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12da43d72184f78a2245a6686a1ebff3e7bb03e7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12da43d72184f78a2245a6686a1ebff3e7bb03e7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12da43d72184f78a2245a6686a1ebff3e7bb03e7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/12da43d72184f78a2245a6686a1ebff3e7bb03e7/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-13w448y+bJFH11H9uLphZziwPRV8ZK8YQYNzYgeLNytM3IkfGuZHQfF+p5BcAGx6yaPuCxRuAg9S9tdv9u5fHA==","shasum":"3997a6912f881bd35d9aaf4e64591370c2ba9785","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.5cde9f12.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKF7TCRA9TVsSAnZWagAAUdIP/RqjPiRJiiGW0m1kxCHB\nyZAbklzKKcQU1Ljqvg8rmTmZdeKYW1sYMbBk1UXgHqtiYkkCWQUcVmHmuZP7\nhp8NKx5HuMoVoe5I62JYi2+Wbli8mnZAzD+hhmD6aAzjWrCNT0TS14too+/t\n+mNt2+dy4Nej3WNDZBGqXLCkkkoxKu3MvWDA9KTeZZxjqWALthYTLyYkGmmr\nmvbUv+yd9Xw01Ulrrh42aU3hZvoWDWQUKfttLCP0M7tPT46avZeMPBJ6Qynd\n9+lIjauumpqVlKEzXYTeYDmURj0ClChz2vQXTdNmYMNDQPqZmJzIS7m8KoZV\nCny0V4EzWnEtCgGOFbzFA9Gr6obzI0e4qIR+B5Te3wKyGGgcS+1+PAC0K6t1\n6bqiUpUVUh6WCp7GYtX014AuZkUSGvg8jMKqStuEvcvjYRFVS1jWmcnVxf1H\n6qnhbv1zupeATjz4ap0yszBP5l8B+lyGMsI5BvGxM4w7KOmNi0sr7sXtGNzX\npLgrwbJQIptDogjIVnJZsMH7iVKq2UQ4OFnoZats/ZJYluZw9v0CDrerhvQP\n0aqLSo8W2SpjDhOWQGnsBwjXbqQXck2uJyfeq3c/2zqolokaOBKLYmjzvKBP\nTq0cZzTfvb0v/fokgFaI4jd3t5dEa28cIDBMb0Sdq8kNveotZxWmHfoixzcE\nGFXc\r\n=1GMB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEuU9QlL3Zw8+PYzjP9G8kTJmJPdhGPJCgTuDgvPKdqHAiEA/sF2oxJxfOemZ62XZEnWaW6SN0VsrIc+PtsFlPFO5No="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.5cde9f12.0_1596481235614_0.206086724506936"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.1607ec53.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.1607ec53.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ed0cf9b8288929f621c044aaed573575e7f23ae/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ed0cf9b8288929f621c044aaed573575e7f23ae/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ed0cf9b8288929f621c044aaed573575e7f23ae/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ed0cf9b8288929f621c044aaed573575e7f23ae/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/0ed0cf9b8288929f621c044aaed573575e7f23ae/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-sT6idfroCGAGJFXnrSeB/Ow4bU+USeISmrtF5Zu+X058NYQzluUg+y6s6QX7kCz7tkMP2+jnXm8QZG3wPiWD/A==","shasum":"65e96ac0a9a569e922cc3650078aad84febd5424","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.1607ec53.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKGmDCRA9TVsSAnZWagAAzSkP/1Vy0pD07yuuQAiqqbtb\nNd+j/geI+wwcAXqDH8GmsWt3avhd2TGB/tB1UeDDeTg7J2XjyQ4YrlyUi1Nd\nuQRNB5EhtGtTl0DjlgR5jAs124a90x2CgdCLq4ld13w6r4J5apkbDxgEJjxi\nlFdndJOfz0ESbughfnQesFQo3rIcfThJVrz8cRpnowwoKEDVrM7uol6mDo9l\n1k6qq0yYGoNF+A/39RNvPn4VB/lFUxn5uNOs1pNuMdR3FTr6OmsnBYPIW1nM\nz5bpnpHxmKd/SgoEjUnhvFkynvbrSGNnn3GM/HHcV277BDh3slmoqCjxkHZe\nFe2Us01Y1NWE1TuieERagwKGwhy0Ms5i1RP2AschhwaONWaYit23YFckBpo2\n+BjHo09Q2ccG9DJDSi2OFK7zY5egzWHPKML4QG/5nkj7qaNqW6DRFCVKqSi4\nwvfVNEQljktv4wi1kBG6CHlyhbrI3bQzyMuGSx1glhX0PCOhBtHn47hP0oce\nEEj7d6eVRHjAe8/47+p9UQ90+3DvG54PhUIE+th7sFxpJ+oQso80IBJZZBis\n1r1LH1daxrE6xI3F7umtPaJTezNC0AEXqzhxvvuZccpxjZa7UdlljaKxQ2t8\nUTKPfYb+4Djfn+rrdNpnPH4h555yPwkcxk4peDHTF5MP3tpWnrjosT0m0Cak\nnJNT\r\n=uj5z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZwjpdDU3RiFZEfrjvkX0CKehAiC/fQA64LCJkpyPoZAiAIj1pLpByxqlV/z/MDvU4+/7wi+28oN83EyO6YcLAWqg=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.1607ec53.0_1596483970694_0.6745469080801809"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.678b30e3.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.678b30e3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53d3656f4039bb116e0f771ca0dffc41b500bb59/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53d3656f4039bb116e0f771ca0dffc41b500bb59/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53d3656f4039bb116e0f771ca0dffc41b500bb59/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/53d3656f4039bb116e0f771ca0dffc41b500bb59/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/53d3656f4039bb116e0f771ca0dffc41b500bb59/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-xxx6UNf1N40XO9MsHvk4cm0t5QniLKnhhGxHvo9GzsZ6LcggETsLgLJE4/ZuuZiY4RsYt+hDBYSC50ZkFdXZzg==","shasum":"bcd66329dcff08bfba79e23ff647f7d7198731a7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.678b30e3.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKGpsCRA9TVsSAnZWagAAfWEQAJywUdckv1hHymP6rkC3\nNQbfJhcC0OU4E2UGSC+VqM/7+iGj0QxnX2dzwr6QNgnidsqv2f20Ra8+GpGT\n4TxesZVN58d/ZXa5XoVRSrQnahBOmrzTN4chsxxtCmu/DWisF4jxi/m/Ds3/\nH0bVPwADksWZV/qe0ldxyZjUlhFixfREeTu+28fEMfN5bOfKzTCt1XBR+dox\nBpEH8w6XZefMPIIM7L/IJ0LQZl0QkhAv6cWbGBOxmB4MpVXjDqxUkhfpsaTU\nPUWooBxV3OQwZSlB87q8VoiBmBZDz5M2Ku1Q/a14mMfdI96aEPM+iFlyKVp4\ncZxxelXroMrExMitONl9b7DdGUjb4wnyYMVgUKlVPVwGYO65EtSn8iA+0m10\nnetT39uwy3nvl57Td0D1GeItcxuBaG11g7YH+++IK25gTxmgHX03PYG+MFHb\n1hWO33x+j04/vnieQJ+9rgiPCH+Mx9siJ80dugNZ39PnC91HOI4ozGsT8Dmv\nUwWu7aJU5IoPgnS6DuYSbdeaPTGd6rLzIUfFVlGQHuMITviSzwKCTVqliGu9\nk00+O9Cp9gipteVRojNLxpfV4J2JsiRwNkhEXmu0t4Pm6hvGpmqrQS9YgcZb\nIRNCy1h+QAJLTXmTcmVfzuKaB88ZklyDgi+PF9qKHNrwh0Ka0jDow0AAidxX\nFvvv\r\n=SIBb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH+N2zCGb6mLReiRcfgtJ2lRGf1ZweEMQT4heXgUJV1+AiEAkjnkbEbiOqpQ27WX+bCpPx32d9hMKrnZ67HrHdzl/vU="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.678b30e3.0_1596484204250_0.27595409931344217"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0-canary.21c55569.0":{"name":"@material/mwc-circular-progress","version":"0.18.0-canary.21c55569.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f46b7dbda996fd5cc43abfdb42943515aaca08/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f46b7dbda996fd5cc43abfdb42943515aaca08/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f46b7dbda996fd5cc43abfdb42943515aaca08/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f46b7dbda996fd5cc43abfdb42943515aaca08/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/65f46b7dbda996fd5cc43abfdb42943515aaca08/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-tlzBEG1nxKxxQbvzXqj8xi32OUXawEzqIydMVa1KGTg51/Xejz8tavkR0eXNqv2KeowIisTjZXja9UBQhrMh3g==","shasum":"a8f2038c9e06b83d756ffb52fa95eedd8eebf4a9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0-canary.21c55569.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKGvZCRA9TVsSAnZWagAAh+cP/jefnVm6VQwRkqOcsPW3\nzjXtxSHgUoRmtMOvBBD8ZETO/3l/k9TZQoPb4dlpsnnQ7H91couoU3OtmpTr\nhagbL4g0tKhxDsmUYxqrCDVBvJmo2jk6+Rx725W2eyowvQFwtcw8+VIO2b7k\n4HMyGcG2tNGH7m9Acpokx0kdN8lJLUVz1IF3bmcuTt9DDF8fU+A9sKaKNhei\nlmpJ23XxBaNoYGMYZQA94nyr77coq3YElfC82+3uobWUTFoLt1Hi6Ce1VGhd\np4skPG/EbmAqSn6Y7ppKS9VOvhUIzZoBH/bs7/Px7qS4ifaOxXpFfda+lX3E\n4+H5DVUI3wq4NqG2W7e78IjI6AGaX2eFDr1BruvofmzDwo7e/EeUbfaIHxCB\n6P3eOtBKN4hzMm4EVXkApvzD6Bq4U8wxRKMHpNk2Ot57sEW+pzwHLTRMG5lO\niv30c/UnwGZq/BC0IJlxf4tPM5aKl8hL8wYtNGzGy5tny4G/GZi0Y+HMH//s\n4DNNay4I7nZhWJD7DVJ9IK3LnLTqwdgwHJ6oKFJD2hNt2rnPoMqH370rXKbn\n9ibwfkXCA85EH7nWT9ktAXXva8FKkgjnRuggk1WM6w1tk2FoEPN6JwbAsHKe\namiFgHEAAW3krMLvXrZUOy0NR5UU5DRISDqCXVFIY9y76ujKQFXHgPW0bILe\n85no\r\n=+v4S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLIhYc5HeKptRe4dy0EpCNW4kAuyTm64grB7TPAhV9PwIhAMF1bgWRe/W5ReD8rA7xl1+Ai3ND4NHI2bk5QEEJtrZ0"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.18.0-canary.21c55569.0_1596484569101_0.10351475362689389"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.907d4d7d.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.907d4d7d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c9bc2fce8a40ef8eff9b7444030f3e2a62cc1d8f/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-tTlCaq5QL3rvogVivfJkMWX/HI0o9IslP7Kdf2uy8OMMdwmrS39WcH9o9JhFoGcFw7ft0hbMS+Ijh7HXG8QqBA==","shasum":"3e50febaf1575b15fde0ac37ffd04cdf0c34c946","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.907d4d7d.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKH/uCRA9TVsSAnZWagAAGjQQAKO0OCCFp1wCG3de8ZZF\n9kJVPPgd8RR8jT55tO4Dd9ntgg/rrbV5lOK4WPKzWaO/qiDYocTZ6pV9yMOO\nhfyf/1puBF1vKJkbaWM1f75CkNXzVgX747qd5T27z+08BT9PUA7YwDwzdLOB\n12j+CNBN+6RK07yPUdrZxmm2Y1RXAAOC1nHefmjwmV6Lg3k0bxxo/kn2QyA/\nu/tFGKXqJMVMatkSHe7+FwZPiWduincsV152V9Q43BO7dZh2lDSiK269UOJ6\nPGumozfcqM1bqqi1fAeHWS4MyUhtA37teseIiIq4xVVkzUu86tKc8sLrvImL\nOo2oMiZr+qnRc7NPgUeBV0VxOBxJFA0VstpjI1Q+AhPpj75dNFCcXuMXTPx0\nAjlARKzhzuYBeLUziANV4YVzJ0AuRo9CUyBAHz93rgSv1wanG1lmoUxknakj\nzZc4l9d0wX6kbK67tZqS+ozU+jPCVVJ+/WtbmdSNM5vomqVEWTcTW4Ul03z4\nZrcCmEx4clKHuD3CtxKc/UdNRUIUK2249pWrriF+hNTKG6OrnmY3JVJ0QJT9\nqxxfgkTkI8Hc/C9p0XM6xI11skLSLQ1BYZJjF2JYbuqpBS7SqPoIAjw9gneA\nd8VGEIUDS3amtmhpBnMDUZ9VbJkufMXeKHeeE9VxLy7vAhl8b7iCTyJ2MBky\nGenf\r\n=3VCL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL/MmCR5FQClOdoEMPQi45hVgeNQ9zc9o4dTqi4FIS+wIgMg96TZTv/l9ChnnDaNTysTlrjlc7Hs9ABE6c8WwQJZs="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.907d4d7d.0_1596489710422_0.891342356238868"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.18.0":{"name":"@material/mwc-circular-progress","version":"0.18.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress@0.18.0","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-4+tzrTms7/Ezq3qD5CFkhkJwooscVrVlNbGXnEM7jYqmRUuRNEzgFegheYjcCPSmYyMSHQsWsbtF4XwcjxDbpw==","shasum":"3ddfe87365bfe8268eb959ce753f2d1c63bc1399","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.18.0.tgz","fileCount":19,"unpackedSize":65473,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKIB9CRA9TVsSAnZWagAARSkP/3BsTAgCcFM1Hx2pUKzd\nwxPQj9OP5PIe/CUbRPUWY8poxjyhgdHfygwPk1bpTcb09bdmGUcOSYsAtu5+\noLGApasC8XJQ+BN/yMQNyZq7HvvbjjlzYoxShaw/8OvZKf7ddx7zjuv+kd12\nTv50e1tURUumD4v0fh6TJ9hqQEUP3ATsbIN4jAu8sx6fAb04EfMTapuYK4bg\nAAxLLopIcjlPJX2g0UCqqlkXFQcx+Ypvi5PuO5hSzl4oItujBjs9O9TSRJ7G\nD7sUFg87Luwx//X7Vtp+bkB2wOYkQloCmPB9Ku2WmRz/lUeBZ22sAPlT7Mb1\ns9D1hi/lqvYqU4IyZlWdPBp2LNeMz977x3fsXN7rzw9JEWyjNaNmJH9JQA0m\nbZw52FsSbHlFTYLqyawZd3UKTfsW7HVo5C2sHZeTpPz06rD5pWvai2LLBiJB\n7vUru7ff6Y2f+iSx4uQFxIKpotzQe2DzADzzTFdE0dtXIbkgvQblV1anBPA7\ncTHXT5sCUZKuzYaQexBf0imOmOKNAtjAmwpPzvAPej7uZ6QdtlqPCsLp3+NF\nvjnhDNI4Sr/p2WVqZqQZBhmco9AiUxmj/uhT+dWIq11EHCEObeOihV4XiY8V\nwuBYCPQyag1OOdQHvULX3osA21ToPQj8qIBwvaiBkBeB5zJv2tDy6WwONg0t\npJSX\r\n=FIwk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMT/wPfTJVOpgmmj+LfhzqGtm7px8Zac6a3KQ5+g+ORAIgD/VwtSTV6j4p0xXcZxtAV3/SIX/hyEH3Ht6dn67o+qw="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.18.0_1596489852923_0.23628435064069753"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f7958e4a.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.f7958e4a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/814d7f99f2c2016c7d56a7297cec2ee04c29bbcc/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/814d7f99f2c2016c7d56a7297cec2ee04c29bbcc/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/814d7f99f2c2016c7d56a7297cec2ee04c29bbcc/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/814d7f99f2c2016c7d56a7297cec2ee04c29bbcc/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/814d7f99f2c2016c7d56a7297cec2ee04c29bbcc/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ol51nFmoeLMOtPfqOwl4JnAJOaUgnBHkgKsvnU4MC5L0Vc3AWcniJO8BeYMFHAwNYyupRS9V5ZhFGuYqQEh2pg==","shasum":"0649ac6ac089da932d8d03e0662fdbd5ead23684","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.f7958e4a.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKMKaCRA9TVsSAnZWagAAgKcP/jmqmWNP+FSELfkVukNL\nUEXMQh20OOO1ts5gLB1tPu2eJLWI+FIy+7XNkyt32QR2czWVMn8WEvPwKijz\nGuKcrDGKNg0s6nCs9mdAt8rM+2LOPSQc4J1zVCKfV85K+xzSm4wE74rjJAgD\nismWZh4dULmg84CX6wB+VH3kIFYiKOtkA8G0WBpKYApeRYgdTh47WYuXp5Wk\nXFszBHIly59sDDGWwFi0KY+f4UeNgX/BVwDQLXybNMkat3iPihihotyvON1v\nlR0FyqSu3eZKDN3hbOhWBEn/BGLZvCGs9JFkAOQXF9psA0CGvNLoKpA8Cpob\nMEWS8Nt5fj0rYlFHO3sCRKTH4lAr2FlkO68E+166tErqD7HC56+NYBafhY1+\n/SYrSB1Qo1kK2JAODiszd4ypLJJBpkJx8tRvp7fXmOqL9T6qgMPWx4EM5/7O\n2vVP6/ZWKTmutM3TMaTxhX4S5DGp1Q5MuuxvpPeWHSmFNA7u/YA9GWdBKzdY\nkRrABbGE7g/8ceuL/DsDfOL8N7GMEy45uSZPm0YCkukzJCj3Td8KFp2gJSsR\n+h2rJbVPe97JUMXn1GT0laWL/G26nNqbSf1dpd3Wkk3LeyhM92eXocqV9eIn\ncCC4c3YJkTve0b8DCbrbbQj1DhE/Dt5fql/t0ldkpILpiGA7AVHRxS2vOE/E\nenEJ\r\n=A4AW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBkFSpoC59lx8eyd47FnepOvHHtbkWC6yKjxsCEfEA8ZAiBoxwsNWW/5wH+cISUNeGyyIneDaFhKouCVKQVP1ZSjjA=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.f7958e4a.0_1596506777891_0.9552461108169321"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f8ceaf79.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.f8ceaf79.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a1435334692098639ad087e00c61c1190812b959/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a1435334692098639ad087e00c61c1190812b959/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a1435334692098639ad087e00c61c1190812b959/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a1435334692098639ad087e00c61c1190812b959/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/a1435334692098639ad087e00c61c1190812b959/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hIwHS++Y8pqBvQTSw1JQpI7VC1vl2HcSzd8mZxe5Lh1DQHn7EITp3yTvW8IGMSCQIP+a6v7v/gcR7Z5Q/JJ+Ag==","shasum":"b7eeedb00560edf5885e36ff5ade8ca3209b806c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.f8ceaf79.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKbRLCRA9TVsSAnZWagAA9JoP/ibxWh5zY8HuPG3VyRIL\n4wrpj89UC+L7QVNfxzkxTckHgsPOSKof4drhOS4zAfpel9yHeiMTagQy9P7R\nn/ArE7qp1IG7XaK/jEqNtT/o89dQ38CJlU3fLVUZ2ZaEeim+k3mJxLThYBJz\nx6kP2jIahc6xDqjrXNxD3q9pyHnGJf1gdFiOljnO0xp4mkifb7ZLHUy3w+0J\nDJjM8MGq/5k+zcg1NQpUtpP9JYLb1ERAUADYGcBozsbV5z5FM1XJZVTHVscG\nlqsMKEZGYhygRwy8TBzQVcbcu3YJT5+YdUHRy3ZzcPrxcki3iTNseOcMkYNx\nH4U/0SabT1i3JeUYUko+ctHlMCTkddzJMwyK3DpeVubj1eKGA6M87JBOBcSi\nQCEkM13EQMHOE0hJnqC1a4usGLHjJAKni7N1tVAFUm/8vBh8NlpSLck5FjFC\nEnXxo9yMwwb4acy7RosGAqKkEKJzogFLTJCI6m3WUk2Xt9I0UhPqceyzaQcu\n9WiInyIAm8XMTYnJZKb3lsX5OdvQX2MCkU9Z+Oueeb7zfMB4N1YJzncjKC6a\nZEKLPlJkGzCaPOulsnHUoK1fsw+IQSWfeM97iclC1PA2aG7eakJPqJhF6VTF\n8FW6qtvNGGTMSaeZKKooBqz+ZL1lcPGAFZQfgA9t3UPUXJTq0F4gyJ6O/ood\n9h+x\r\n=+VjN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7snJzSqwVOTSWeZ39/itQduW10rJEiQacwW5NtPG9sAIgP4SyGAVn2OLyLohDkq2R2eaDHGWzPpVzvneTGdO004Y="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.f8ceaf79.0_1596568651033_0.23932286049721485"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.6b9e385a.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.6b9e385a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d264df08ac61122a6e48c33485335fe7444fbd09/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d264df08ac61122a6e48c33485335fe7444fbd09/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d264df08ac61122a6e48c33485335fe7444fbd09/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d264df08ac61122a6e48c33485335fe7444fbd09/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d264df08ac61122a6e48c33485335fe7444fbd09/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-RcOE+JCvyEJlODbT4arirk+bb3c0ZKigKUB/tRd/3pe4Znp6xtMjlv3Qp41c3l7nnCjfDYAIjArWKX2I5uLVMw==","shasum":"6b73e59598a67d614e593190d945b55b77951495","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.6b9e385a.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKdMsCRA9TVsSAnZWagAAWOAP/34oIahFIfIh3L85WrtW\nqv9sqYVfxgrPn1E3IIOEh+pn5ox36fO3AmSGmM8nVvzRr0jAFixSR58KCUkr\nP6dvtck9wXTlJWZj2LA52OXHnwNmVfIM9o/IE4XiWJGnjBV8fLiAqVuvQy/C\nVSk5GDK9H+4pDjZs++OmkUXO6jkRwglYOFYPA/ITJ/RYuicB3oHFkx3ACaq4\nURqdAIHnPGLmennNrGJq0EhY4P8DKjaRQkjFNZ0K85gMPpAwU3aWKOd6JTpv\nc+LNKVF4VLsYMwr9FptOqiMe0knRqTHi77AmrUL/8UpUyY+UkzDHFwGfHUqs\nKZTwjCCDrOwZXlOqhVjsIzwXOXsclVYfugS9hN7G0j4bXwUK+aWxZUuYxyxa\nQu7p9SgIJrQIO6jRTWkNXAvUv0qr1qUn12nkGaxqrDlZQmzequlxsBYDrtmP\nu5yjvrxVcQxmzh6IwJryPXiqWGsO79rA0/yCfTdluo9QAcEcw6FIeFOJ1BvH\n9PS5o89QEz+Iuy2ANvI17i+2+FYyM6oSW2FT/95X5F9OW+3qru4ZeosQA/Jy\nDV2A1QuHcClxdLjb5pN4Gru7DvG7ElkauS5YLNQBsJ80/ZcoFw/pXpX1I/Y3\n5kuKO6cUS3MSqSGuh2h1LE6Qkm9f2ZMCk2k4BIsfANDZJAnU8mFnS5Xz5Ecs\nrlRE\r\n=7iM2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDE8Fds+dKKFpYgUHiCzuAnEq0I4iSc3HenfVL1x5Ke5wIhAJzSz+d61O7cEDjVpUfm22+P2JdI1FBFJDkfQUuzuF9/"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.6b9e385a.0_1596576556036_0.9474834360023459"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9a7e6d2a.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9a7e6d2a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/162d034ba4d899bea7e421640d7cab04f0130e9e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/162d034ba4d899bea7e421640d7cab04f0130e9e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/162d034ba4d899bea7e421640d7cab04f0130e9e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/162d034ba4d899bea7e421640d7cab04f0130e9e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/162d034ba4d899bea7e421640d7cab04f0130e9e/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-BdJHudt2rjNbemRMdRnPPCnFyq02M2yvpEC/WZyrm9WUVmHEp4KV5y46xDa7iYWAYZAtF2d7FH1jHHRMnYDnpw==","shasum":"f9babeeed1adfec7424e7c77f1ba2d82bbbdd972","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9a7e6d2a.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKitXCRA9TVsSAnZWagAAJJUP/2hZtVdUk2L+Wk42RA7V\nr0/FXC1MA9ugo8VyZuOPZrRd2w9JGI2XU3EBNafqqnJ/fcJS464uLJKz+DUk\nDW9WZ/iXZL9RnRLPG3/NSYCz1UHy1tCNJtJ0B1EGCjFZTYJkopY5o+kkA2rk\nEMkMrEAvO6CRrWbpTXR8KEVqSs8dVleGonk6Q3JDFRGevJkH3eLMuMiIyWYr\n2JDEYs6cH8HtFiMYltINuhHM/ol1nF+Fgi8yTiBqoVKhL4iuJsw71LyhPuca\nNgjjeihARM7h+9UbA8hSXt3PCJWvN5erzKBp2sLnZV2WUQNc7i1XsAvg1yh0\nFMzTWByIieHTn9Z4FIDZYDLfAZmqVyqyz5LZWkV9CVhTzbrvbDF8IHIK9q16\nGgapm1pMHhdrPvrnwipG/y4RGlxNFGpvEZYdYvMOlkCkCFAmqVAaB4fi3t7g\nph4yhX7czCx+MYUWkKHAs/J9Wtk7TapOURwJL1qBaJaD1MY/hyOhfE8Eh1DJ\nj8WydeJ4Hp0fHO5bu68fPgCk1IZgjZhPq8RUH6lJzs72Nb6yRh9REG6Q9wcy\nXRfo6fe2fUrhIRPMESffoR4OLEEB7aKJR50M3CC4z0a9bzEvKvLwkN/RH5Vx\nrFajoR0Mzl+nYUU+EuqaNHctm74bbtQCquaPkjfHtCbzA9kp+/jm/xdQRhBF\neNKN\r\n=hsTn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwrZ/oJF8wNjLvNCP7oFqD30HckZWT4ZhRJLRgQHPhWwIhAPkRwhYfzsb4JziDyqY+eXXr/eLQYkopJsAnhVIHCFr1"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.9a7e6d2a.0_1596599127291_0.4220416750414193"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.188f3f1c.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.188f3f1c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/200ab3c3186265d2084631aa4f47600057a574eb/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/200ab3c3186265d2084631aa4f47600057a574eb/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/200ab3c3186265d2084631aa4f47600057a574eb/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/200ab3c3186265d2084631aa4f47600057a574eb/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/200ab3c3186265d2084631aa4f47600057a574eb/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-QFmDLmWHClYtzwR3d7Hy3CLb5Vxz276qn2j2lWhfXILcq5t0qzG1PTBZTkAnSUnuuJ54AXFBpAc1oFxwAZ3wLw==","shasum":"3ac41c969cf49e31eacbd44af7a865c803fdaea2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.188f3f1c.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKvajCRA9TVsSAnZWagAA6JMP/RdWo9DIkklB+xMLWO3y\nB6mkQ5uPQVZ+k62dXNibOS19IdfHcN0BzaPH1viY1xQo7pUFbwU1miGTgS7u\n6ww31ePXbRpHbP3YqDiXtZgeb2XP3qWjJjF2Nmb7Bz11c68XKUQpfnQiZv5Z\nILgmQcHvPTzJ0MzkclO81Y0Sx9KPu+0E9URI0bSwwzrXirSvyi8SfoxQBdGA\nqA4CyW22IhrGd4asovNzb051wNLSLBOQm4Owl90A1SRv6X69lBppmectXIZ7\nT2OcPy9JPFmt7pSAeIXnCF7VBAt+Ne0nKfxeN+95FYaVaEfx9eEtiq1jpWHk\nvjEjfY/d0QykAZ2QBIh82dzMxLfwOMSopi2ccn7V7Xqo7Nafhhj4MjJqiFLt\nceTB14XgQc1/5ol3eZKCfTTGRuWxZObselMvvsitoXdVePx5AhuH8e6yZ+xX\nVXw7dEYILAFoXerHbWiNvCzRfH6+tzgbfMfQy1EPqjf0cwzPfIhBybBEuD93\n5ovqv7YkOAQ5pDaTmJ4vIgpyJV87BdNFApOlQwrjAYtA6aMMSnn4ErYJMzaM\ncu93ooQRlk7FosrxFS4s3ztud03XJ1okgJPnN9T8Z+73arRElHh/u7hsSEFR\nJgi5M7P8Qs4rnMjnsfgTgOriz9wgu8c2XbfcQY30enKUDIBRcFFdnyOyJnJJ\n0YCy\r\n=DLt2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTuYz8sxXkVazVAa3nzh0F7Am+uZuNoWXQezOF1qR0XgIgFaFN/nw1vbEUBZE/NhwvgKLv/k2iync1Itb/DwkPGGI="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.188f3f1c.0_1596651170837_0.16343381809863078"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b6106add.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.b6106add.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9726e6593d779066f5b7158af254537ee9c9174c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9726e6593d779066f5b7158af254537ee9c9174c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9726e6593d779066f5b7158af254537ee9c9174c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9726e6593d779066f5b7158af254537ee9c9174c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9726e6593d779066f5b7158af254537ee9c9174c/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-6phJ8C9d/H8Tz3ps/Tp6B7cizRcZorymy23PpcaOYuM3ESgmmKmKw6faAMAHtCHXDcYH9a6uLoK+q7lYMXYq4Q==","shasum":"7e5d578fd0fdd9374c50da4cede9d57ffadbee43","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.b6106add.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKxs0CRA9TVsSAnZWagAA+lQP/1hInXLFiuZWfLr1PG9R\n2f0fsyRMlFqpM4blycXNcNVZi8UP6CxOz/PAqXaJfbyrq5PDwP8/uu+lzX9r\nFfoMNPwk5ttkp5OL+0eq0EsIlYUrVY5VdRIGU1cy0ugV8fT/QyClwLW19Jgy\ncGxJs9GaoHljjVdPwY0WnA9vAIFb6RlfUQXLeYAJ+JMRHGkdSMBQYELFS6z5\nKh+yRrVjlOLu9N+B8Fd7lhs1kC6EciJZm5yZc3mS1xziZ7ZD8CTWsTuLcoMt\nDp2ejMRx6/RLohpE/bAST5AdsKiWcqiDz50AA7hoYtwbVvAuArMB9EUzExgQ\nd8scO6K8+bCNP8r5pkKlbyryRXOFe66R5cDL+3y0KpCPX4eDKsaimmOCVa7H\nUwZzfy3dl2ssnLxjVeSob6sPKLT7Hz9cGkw0CaJY/ZjiGsJQ4SehFWduEd5T\nnC5q3tz9R3rc8RxHAdTJ2CbG6pwZbBKrxVe/xg7zb7tfgRu1a/1aoxVbYO+O\nyNPc/vaW/mXw2j3KNl4d93fBsjrFSzv7CK5Bdu0yp0nhZvaER6Hc+FqdTfFm\np2+AiuwksUTsg3F2WIi6tNSr58bU7m2CRS4iAgd77BTCGF48Jsow04nrtAO3\nUv50qqWK6g3/F6fxQS+nIA5kpptTa9KTLfwnskGUDXD+VkobC/tBc5tfTX89\n2T9E\r\n=A7+z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIY9WmzRGVNLXSt6+rFu3+YMs+K2BKvYywxKdmFSBxJQIhAO82OWEfagDRAJwLbfmrk5HR0uSv0ptg1Aw/dZWRah3l"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.b6106add.0_1596660532125_0.33696014842700883"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.ebb4c667.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.ebb4c667.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6911337bd0577b48c85e4d3502ed5111b12a7b4d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6911337bd0577b48c85e4d3502ed5111b12a7b4d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6911337bd0577b48c85e4d3502ed5111b12a7b4d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6911337bd0577b48c85e4d3502ed5111b12a7b4d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6911337bd0577b48c85e4d3502ed5111b12a7b4d/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-sL5O0r58T1ax/MdNZVU76KmzjzWyq8y5HN8EbItCqp0hBouf53AEEzVCcx8nBZr4MQ0e7e9mbx+PR/n09n3LiQ==","shasum":"34dcc6193234297e1d2809be4ba2edb4df74d86b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.ebb4c667.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfK0xKCRA9TVsSAnZWagAARpUP/3/hn780ft7NWunU10ju\n1o9gBbV7xePj4dcTLIJC5wuWefKQ89MSO67JjBiNUaJM4eqhFI/PH3oi/8Hu\niqkbn6Aold38KrobC+2+vdkUDQ61T3aLDXmqlkqGIDQgefyuGBinB4ianUsv\nQVqCvdNSkdc8QNonJyptaVMRduL/f9Xc+/y5Tlb6X17vnY3L7fr2KFLNQvVt\n+4Av44EQRGQXo6Dwc6YIgeJ/o03q05VIybRcNreDqice5VObLRoo3Gftx+nS\ncWJQrbhiWcPEo7+CDye/5EO7RCxyGwmkjkTTeEc7iEODER79cuLzq8iIRW3u\n9umxQyikBaIDULDGLVr9j7XaU2UoteB6IwI46fNFE1h3IaGx07MJH+ZodQAX\n89sSQVvNrxBLPX15CkcKRM7vCZ1Vxo7agqwca9Va3Aek+Z59u/+AXYsimS6k\n6YLOha8GMO40T/nR4btx+Ml5AM2Zz+t1NGIGdBZFERw8YtRqPIkX/4BXqD7i\nCvd3fjAB2Kxxj/iPUNQpqpcXrD7hfSzxPLZ/r6EIf4UBTZmC7ixDrDQtFU2f\nhmKRNswpez+Pglpv9mTqccz1qC55qiRb0xEV/Dsosmc86vhgmMWjOxjTCobD\nHWMLnJUeVCMfjpSIVY2YehD0bttiZeKDbBsON6hZ05pQhVa0oxX4+1Vln0ru\n8HsZ\r\n=0qu1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAugYW53TuXa8W0uHLJzmLsu6kwHr/clIN7uRhgMDtO9AiBNYnfggRCafq3gjuKNcgdmo8DXMlRzyPvJRrpy1qirsA=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.ebb4c667.0_1596673097799_0.12177426081716236"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.aa44289e.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.aa44289e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4d74632e3e1fce6fddaefd045c8f0b6f026b4e4c/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5Gv38CWQrRazsWMqOiK1DGDjzGYgVJ6nARNv4jfPg+iQ8jjfCndf1wjnPqlsoCBLTahuJitD6lyz/BQdi0VJhQ==","shasum":"3e13a65fc0a2624acca8c27a08ebdaf9c62bb977","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.aa44289e.0.tgz","fileCount":19,"unpackedSize":65508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLEtvCRA9TVsSAnZWagAAklUP/jwqTRYrIXmGtrWVrOqc\nZDIXFfVxU8A6apB79snvKO+1+OkFjJQKfvionATi9z6UNNhu471GR5Kc0Hfn\nxHkgjJqyxWrfqzvilm/Hru6EqC7PWvmKZQtR9Js0OmJjyBEOnzVPWqPjFeHJ\n+KqKZHpoBfFc08YOwO2omKhjuAkvu1F3zPVNHOIPJnT8fBcyx4M4n31ejSRp\nbT/uwLx7TeuA5ECwPmZEBxe1WAkC5WArtwgtA0XcMKGDTix7WKydQ08C0mnT\nQwuQdUVruwvy17oFdtYUQDtkD31LOeaIiw/03s0YUqj+RgRz3RZCAIIPr0aW\nypPK2aVJouygrhcGnfnOaQkjCDM9cEy6DVjyFtHOHzSvUEOjVabKQrB0DX50\n1UMAsOA3v7uQylhSu5w9eIjpegcUSyWPaxYySG+E+x9XVs/hd/7Vi+PA+FTs\nG4NhMumcWgr7ArBufmTBSownuezkUMG6e8/X2Sk4r5AppchT9h1GpV36mlYs\ne5tCca+PCsXKMx3A7OcvW3u9BP/XJ1BKqdH89ZeDDX8jmV8VqnwUP6NRreos\nOsfnjt8Kh6rUhReCesLXxVbCtdWrvAqHtJJIjFxQWa3bzjiHZl2L/f/2cdgz\n/JqEw/Ayd9W7bDXvUK99AFgW1N+h7ehidHNp6ZweBfChwr290lw2vanOgN73\nEgrP\r\n=keLm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNy62qjBWqcSqMuf5rBOdljv5X8YMckZacH94LFDUaQAIgVvusY0dQhDBbA6B8iRct6zHtQyUhUtwcXnNirKtQW+k="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.aa44289e.0_1596738414878_0.3138274050047072"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e6b0816b.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.e6b0816b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b80bf3f3363af2f1b704d5fe2fe2852cd416b902/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b80bf3f3363af2f1b704d5fe2fe2852cd416b902/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b80bf3f3363af2f1b704d5fe2fe2852cd416b902/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b80bf3f3363af2f1b704d5fe2fe2852cd416b902/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b80bf3f3363af2f1b704d5fe2fe2852cd416b902/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-S32CQeD7GPNgBz9YzVpqVS4gYZNV3rw+MMk8Sm01WxQGklvjuT3/amSEZAlupGVT7ezZojcsgYoK5fks5QQSYQ==","shasum":"3e4d239e6391aff4269188c63bce98de1fa3bc2c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.e6b0816b.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLaC/CRA9TVsSAnZWagAAu3IP/RMdFDg2huKetOsSLndr\nFoHUM1u739FWMI1DrMpUDhSMPD4nujKe15KEpX9BIPVEJNAPFy85KY6NU13W\n9OCKi/Q4x0ptmdKMCaJKr6aDbwTH1x59xp/dp1lmOgLx2Nk43p6MKLzHpJQS\nv5TpBTGh8YShFKbCNv9IAvCYi4/BBYPK0IDS3W07MEomAu9fxsjp8urB7eo5\nrp0WsdqG+h5b1lhIUO3gQphspgUe/lHXd8MLtTHelRQuh0J6NVA+JHIWY0Gt\niQqa6D9clPPgSHmWWCRt5iqBkTSeh/iRINTZbDgTamkJXJBP/ztwkO9SXREZ\nvBRbDLSevUcDujpGNZDDyaU0axPboVkoFwNr++wPZK/9K3pwJQ55KS0Ev9Dm\n+e0UH5Rh57Av2LPXf9atTy/TnhkC85e+kyX4jzvJWM/B1VY7z358BcHVkMOd\nmXpWEOJnsHG5dMpW9PRTH0oNK1V0ezczVvxU3QGiVmwXzG//USQt9dpSxvaA\nsRwXmXJyVSNa1/PvgGeuQ52alvtFMc1WLKD16AYLlAln+w6ZN+JrmNcAzoEs\n6PZradsWxjyL1bCDRae1ND7TbeyKl2e5lPxECzcMFqOMRtrWQc1gb0y8gLfo\n815ULVnLeUiWs8JKdRjKZWwEEjzLCuSNTVI0ShvbQHDJCsuwqpVqADhTbR57\nNQPQ\r\n=5uxI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxAikReIlA1z/Pk7pjuGHVtbR/Cqg4EcFNomb4NY8lCAIgWgx1Nyvi7Me9qCE7p2kzksgAFizOoZPgs2e2F9sGVEI="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.e6b0816b.0_1596825791307_0.9693138260393581"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.96d15938.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.96d15938.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e91207d87648ea038ff3d435537ba7b2014ec19/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e91207d87648ea038ff3d435537ba7b2014ec19/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e91207d87648ea038ff3d435537ba7b2014ec19/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e91207d87648ea038ff3d435537ba7b2014ec19/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6e91207d87648ea038ff3d435537ba7b2014ec19/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UFmOtAXZli/MJ+YlS4O2C5dfL54S7nqxM/Cq7YYyHYgtOeauFn2QCq8tIZc5eEMIG+gp+m6tjNUPRDijnyVYBA==","shasum":"e5e8abb8d5288e6f57c87b64e3b8af2760e4ba32","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.96d15938.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLbliCRA9TVsSAnZWagAA6asQAKBRbLjXi3jSOaxRExim\nc177/ZHlPY/HZuMzNr5db8bJONKZp+xO80vTV8CzAdk5CnF28uU2KD3PaGLE\nMJv/Uqk8LZtPJZ+EAcV6LivKhGcU9F6OAVJtaVO4CpCqHdVCMJI1F73j1DbF\nwyR2tS5asZVMJQgwrU7UZdb3gJtbmDDucd2fPEdewgu3wFfgL9iZ3W8cNH/R\nOsw2xGiYKJr0kKJkebfU/EdCmgVXtp3mRzBXab46ng2wcMODPw0JnW/oOveC\nkjwAQIOzBHXFvvWhiHnHAVvdtC4SPp/NojkCvYf4jO8KdM0V6rnKwXCwot4v\nKZdLCuFmCPsnH597kkuhYDbmKHRN5EdlbTob4OhhkiO5YOiwkGM531/wPgC6\n4wBhD+sLzdclsKX1ER2r/oE7t2+RAL5zBhf8P7E8qHpYWUrYaxd7kd5VVI9I\nOsxNTCpRrVBdXqwNfst7FaqpAbAFR7FFh3YVdo+OtWzYsay9p3Hy4/6/302u\nm0JTOe6Evh3LWliUpdWw/xV6f5NzGWhyHEaT4LnnibA6CD4THbfo8DIqbJxH\n14ecWIm8MVpd7FNHG7ElQM9CutMOuAUNiMCnW2JxkO1VOPmlH7HpBj2UChgM\nxJgHLDv0xOKZOB9HNwtsOnVElhezUoky4zDlTN5OoD1//H4VbnZBEjKyk6DE\nv8G4\r\n=TyqY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKaA2OEceYz7YiXorDcznWGJxfJjHFq+twLGqVF/OOGQIge5+Rkl0rwep5Bozemgi2yM8cUSEOEA4GkCk7oI/VSX0="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.96d15938.0_1596832098168_0.4735534682800733"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9d991c8c.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9d991c8c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b96115b555701f0a2fb8299279aa9dfd1bf6b4b6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b96115b555701f0a2fb8299279aa9dfd1bf6b4b6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b96115b555701f0a2fb8299279aa9dfd1bf6b4b6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b96115b555701f0a2fb8299279aa9dfd1bf6b4b6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b96115b555701f0a2fb8299279aa9dfd1bf6b4b6/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-3OnhJyGZzb3PTCEFF+Ui6yEseTxJR62m1XQTeO4P/cru55F9ZSIQkNIC3CSOdcJ3cIybpUnPzeo92rCtxs/SQw==","shasum":"7be0d3d4abef18bd39e7ad95c085723c50ac1614","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9d991c8c.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLdC9CRA9TVsSAnZWagAApocP/0N9XugnCsUJxnc4zuNT\njk9+rnMlMvZhatiQQteWSqhW40ejGdGG4aVtrhI9LFgaByC1jVQBG2/Fd77u\nZto5xQ00RLwrzkyaGg0Ab3rruZMO5Djf4bgm8IIWKevhoVSGJxpZxRfrMDZd\nTpiIQdUr/LgB1rvt100wSSsNrT04JApZHZ50u3eAvhEKGmOpUC2W47nnEqxT\nhjOvsmM4bdCF9/GwbObqmowNVhbY8mhCNC9tJ8G24P4SvxC0aBRN3PrfmEe1\nXuKsJ4q+JkDPoi12OHxT7kMZdFTBahNhPrmLk6DVdVURkYEVrTx5OXi+L5fA\nBJkTrHMuT9daWOGTUEYdqPvaT6d3iZs3EOUbT6o2pmQwDNi7obtTyxs1ftfw\nyd2cUB/VtkK2wQZ2lisLo0NUQPLf9hfwUumOGtnjd2YjU8WeHzQjRfvmENgd\n7tUGAOZ4qLxsm2L80O8HibYDzHsjWn+rkstxFV7K2VbnW0wASTEbvTFzgKTS\nh1sJi5jXLj+AwLMq9IzZTEaDy/WLVYB/S8DVCnJ9gUAITZuK4CZt/xQ3syU5\nPovj84Ez4oOwmj4y3cxg4D6W3NlJ51zeGT7oUM1azfAlQ7nB6vLMIP3GSWfh\naa/++9GyDkEL/Kwv5UaWyfemhICqQJlKryjRd96R94hrHXpNv5+mK+4e/diA\nhkAK\r\n=EmM2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBXejJ3IpCnM80voYXdgulOyPCc5AX3pizH9U3CAKKJ9AiEArzPcWmq9kc/jeCIt6VRftYLoeG8TSqLxUSob/9Sw5Tw="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.9d991c8c.0_1596838076957_0.8088310898347695"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.13bfbd72.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.13bfbd72.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/801272b0ef15e1f90e0ba47c6a8d185052f8c48f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/801272b0ef15e1f90e0ba47c6a8d185052f8c48f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/801272b0ef15e1f90e0ba47c6a8d185052f8c48f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/801272b0ef15e1f90e0ba47c6a8d185052f8c48f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/801272b0ef15e1f90e0ba47c6a8d185052f8c48f/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-f3p2w2rMWL/AMDlf/S30YgD2+X02Tu+++SBllo3K+bWx31lBFl9bP1Cr/W88WL/fWKVJk3xt6heGo53RlLM6BA==","shasum":"f43223c1cdd950d3b582e400abf165cdcf292a60","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.13bfbd72.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMZ9+CRA9TVsSAnZWagAAWP8P/1zZpNX+FvGQW71hv5Me\nkUpqBoWfUcH5FxvLWgMBxpF27DrLfwLPKF52ImqQ02n/4SuIZ/hX2+2upgHT\nRL9sSJYkhobMDOsY0+RiFwI0Z8UEF1mieilUzB/bkT6DvZQQCqHNT9As0u/P\nuA10kKxL7XoHqU0LKKeWyneo044JQ3By2/J8YEoXcfL/1HGszfwrnQKPf0Yo\n2s7Vt+fmXls7lLF4y+KK/Gs42vI/TImUgdzkLhzdx3lkAS3Tc1f+uJEBR9aR\nQHRox/rzSIxRoCfQ3Db6s9SOksLZsXaf3ymafDkPFffoEA0NNMcJ/9nHlcbo\nkwwhXXzf3JDPJ5j+MOXreLNs6PXKgsYPl6ejHtgMO9Cszv/rP3rxCHJBQZpe\nIjsaHS80Fd8GtqB9P3wklVVds24esxeyTY+JG1zcHpH07Xm6h2sLrigg8GKf\nmd4zZe2N7Ju7sPoxYHEW8iP/ZqApy78nXJGGfyOQhbAD90Z9h641A9+lt5+U\nseSwowEDxDjSTL+9BGJxSiyIadVPQM/CFEWa1Q9RSBy3j8U6btJsqY3o0CLJ\nOiMEji9NzMa7ILQC8PmaIYqozBmXqSUDq/WRMl1fss8nRPyoirnjw9i6V4M7\nxbPuUBar3q/TRkvCWmV7edYhg6G1OQvissegmy/tBIk4I5qJBcz/fp1ZOp3w\nBdnd\r\n=wELl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICFwjvKZDVRUfSV/5cV8UTIDR6FkoEA9zdeEowdulHgSAiAhIsbKYZ7GoBorK7Iwc2yMRon5M/wcT/Tjijg3VNfMLw=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.13bfbd72.0_1597087614166_0.197754942785638"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.30b1b258.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.30b1b258.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e34fbf2f01b3504b83592cfdb8b30914bad24498/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e34fbf2f01b3504b83592cfdb8b30914bad24498/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e34fbf2f01b3504b83592cfdb8b30914bad24498/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e34fbf2f01b3504b83592cfdb8b30914bad24498/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e34fbf2f01b3504b83592cfdb8b30914bad24498/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Wk/62ATDshgdk07wsaAWblC++hUM/J93Hdo2ZMWKmkXgySE7lDz2Kbnfzd3Vk1lP838BSLcl8rHNV6jJwQTGdA==","shasum":"a220a4357c9a3ab4fb9525bd7caa9364fab36573","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.30b1b258.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMajACRA9TVsSAnZWagAA0LUP/A0einnfbpzIVTWYPieU\n4kO144mzJTD4xr06mvmuL0RqKzmEqyySzkig9fk647EinXBUyOsSS79sdBy/\nLVOx5D0ApjTtxmUyXX3bKA2PvtSougK3Im1toAyUF5YruyASg+WRxo53+Y1K\nGYK2mcXBGF8rWv1eAXXKdqTmg2XLJdUOkhsaLTyEEeWfwXTqlksQWFs41txC\nIzwzhZ63X0bjy2CFvt44XShlnelAnvTpHSenYlcbB/H7i992i0eEnuqRqU2s\nKZ+PqnfR+QTc/jBy59wp39nvXrbXYrzxT5Rv4pRu5TtNfzeSUtfRIjeue5T3\naB+YYICB0/qCnAgoymR52DBOPMmCqY+YvBBuSimsRc7zm3A9KndxTI3F6SdS\nPv61sYmJ37LBgPb8FOcQ3Cs7HqMqWSH5W4buBbctvsUIoBYxEZI/0llnf4Iw\nM1jV7dBLphPqsBC88QN0MK5MlE6f19Jlwh+82f/IaNF6Q54yU1Y9EHLAvC20\nnysDazeircu/LToZe6Xa56zmJmL635sMyaXEQIBc2/D+vtdwyY801ExcrdsC\noo9uwJtXH02JDHY64eOLgeFp6d9HTmbaoppVnDBqTSkmeP9MZzttgLjz6Usv\no9De0FRIUWnjglBjg/3Stw/LoT+RPLVcUkCZva16qOxXWHhJT86xQS2FcW+A\nFYaD\r\n=79fB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYUpf1L7q+19jlc4N+02oWyVTlcaR8QTHRBFh+vTrC3wIhAJCil1Bo3lWKLmvDa5WWvOdEbKlh9aZmMsVwBqmzcpoY"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.30b1b258.0_1597089984279_0.021112781952218107"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.1583e263.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.1583e263.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e9ee447b02f2731c33f126f2c3d32bc3f2808125/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e9ee447b02f2731c33f126f2c3d32bc3f2808125/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e9ee447b02f2731c33f126f2c3d32bc3f2808125/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e9ee447b02f2731c33f126f2c3d32bc3f2808125/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e9ee447b02f2731c33f126f2c3d32bc3f2808125/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-E6JVJKhOC9IayrqjLNnNxl61bu0vErWSKsG4aIAx8xrEO3m6dF5BwZ5E6Kk/2iXH2L/mdDY2W7O+WuzM8cQM6w==","shasum":"2a05fe111e6a0cef63ee4573ecb52e52e59dde7c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.1583e263.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMyVWCRA9TVsSAnZWagAAWjcP/i9rWhBnMxOQs7zAIz7M\nGIunBgV4roIIQdynTCS4Rh+44PJqnOfv/8CR8Irot5pQLlNlv0KkVn2UbuYL\nu/olnRMANGtAla/glpa8wQEkfEUGge/xNmdnYq19kh2IaKb4WG3xRuiePM8t\nRqWy8LPpMnPMrzeeMw/N4/QqwdYJ9AexSaCraiFItXTgg/FCSFWJ2AxmXr7d\nwG0zrujOD7ABcMWHFAi4oi0ulnwTWz+fi0lP7akl4jQARqBKs/xgcRwNM7dC\n8ZE0MQ0GNZ2wKIDF/z7v4llVyJzequcd/6r+9yN4E9ODaruUqG/iNn1NIaMq\n5lyil2GzyFnqeCf7I80mAYNoOPHCgw3X0eXWQQaYVXakC6WE8bJGqLQYdQsg\nzZtWrpyIa0BXNUQL6tUsFmkZUuVvoC7NzwD50Azw8SooXCf+z01/DJOnQxEx\nA2VadMXvfIhreDYslcplAgF9Gww/qrpQ/zaTFJsdEXU9dq8lZ4fFBonRLM4O\nsCHfbBfRgrwj7n/Jgf+pRcZbfBpjuQW4zP7ST4fy5bwsnA8NQxAbpch1G+Db\noWOfI2jyfXXCvWLB8jTfO8UZwiA+T2Z18qjxyWoF3q1H1SqzsPFY8qV5t8Wp\n3PKw80popnICHKFlGswkoYFHKiCSU2wHMjqnmSeIzop5iK+85SaS14I22p4S\nLwOD\r\n=JRHJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNsShn7eNOKmAYx9uGLrPKXpXKDjY7Kl4AXr62cVF1/gIgSYXd9JsIlSVNramWGRTDJ/5uR3Bu7gt0TxC2DAPu+f0="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.1583e263.0_1597187414325_0.3002325360532454"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.fefb1a93.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.fefb1a93.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/328a8921a50cd0f162f89703f12a9e58406fd111/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/328a8921a50cd0f162f89703f12a9e58406fd111/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/328a8921a50cd0f162f89703f12a9e58406fd111/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/328a8921a50cd0f162f89703f12a9e58406fd111/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/328a8921a50cd0f162f89703f12a9e58406fd111/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-O0mfbsZ03sz8cUomXMO+awSlvryNcE9rzT5bHOYUVZ2+ftqPGS15Z5UE3YKDmd2JvZqJgttHu3YixONlP5B/0w==","shasum":"1c5d8996447b685eb0e2cb58de5e29bfe12ffd1b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.fefb1a93.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMzbJCRA9TVsSAnZWagAAas0QAKGLSOs0hmH7RFcm0iI0\nUjggeS0545e2qgEqU5MFszpQ8aXTlMxn6OrX9QaehQkGzHWeFczfhHAsZHJl\nU/jseYFrhXNAprjgkYwj+kr9/xQcgh6HcgrTYNWLJ74Njbnn6Ql+PhBGyas7\n+q5aPDCpIGbdypNgbhnSnTsBld8WQaMPzWHGlvhXV/nn6oAXjwemIqfYmpNl\n9nZRWG8ZrY8BShkFUjZ1IJWjxFjHynfKSCdxOHnd9HfYYwFLc+drFfh2wssw\nYsm71SdUWxVzPrCOy0YyN4PesOAHZ9Knzy2GYbkXY6J0sBdDrMX/Xr6RVgcA\n6W3YVzk5hZUbtFOcKRBKTW51mUuWw6Y0jMw29aAkdYUobjTrAz7ZATKWABCS\nQUyAqCUJt68Y0y/zaQYYeONZ4FjMNHlcOZWdAW0O/WLdNUK9G0VYYTOOiPKd\nMQa3lJCiBFRa52BO1EyohzI0pAUmKmdOkUzjS8ioiKptWps5XCTY72dwmwZL\nMis0UQ+G/CUSh4lLxIqA0SY30LXUJ+9S+TXVxCmtqb8fvmznCk7eALQLodRq\nnK+jzkTkFuL/aPnOi2a13rEkglnYSCHIycOrsVQJbFmHwjg54cv6xQacCD6X\nQrX/h67kv+Y97ZvGrBKfNoKF3CqirZWLzg7jvF+62UEvQd0lSgl3SLjndJyV\nKFal\r\n=e2ID\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLUl1m7jjtmPkMX3oH80Rr3MBJwKPZMMehRG6rB+uSzQIgUIABS7dNVjQ8a13UNltr5CDJwdD8gMkmG+IYRNCZ5bE="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.fefb1a93.0_1597191881425_0.8390674406214318"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.1ac5b9d4.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.1ac5b9d4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33bc5db0b752b7e0d3710150fbb0449121619692/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33bc5db0b752b7e0d3710150fbb0449121619692/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33bc5db0b752b7e0d3710150fbb0449121619692/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33bc5db0b752b7e0d3710150fbb0449121619692/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/33bc5db0b752b7e0d3710150fbb0449121619692/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-vU/Kvhya8+SNlf5J3QhVx5LqQwvGj+AdyjqWIygMFpWOJMYSGNeubx/mbvTRsAfKmdVjauvGuCNOQA0U2S0C7w==","shasum":"33f173b809351e58bc88583748c8f43d7060b877","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.1ac5b9d4.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDRrCRA9TVsSAnZWagAALucQAJwdSmWGMOfghqbnF0Yr\n2K95uBSul2KflnFY8niCCt8IuFyVM8S8C2LCS8Qz1beHWANZsnMfqxhXcMd3\nhcsZLdhJqL10y7zmkCe7/PEahIU1yX5lWcOgBbmY/HwfBN5GVsmNLlXdm53e\nuKmG6RCSSfgNEGzFgtzy+0RKOJM2S2/2Gz4oDvXy760yGwEF4UMnUPdeItjL\noJE+wjF1REEktMyYszy1DszHdsgAY4+HlEFRb1QbD8zQZrPLf3wQJ+jcAI50\nPgUMVRIXm0J9nnyb8bCZLZ/FhpIlMS0dz4aBMwouLQy8UMwBGl56LUEj/7lJ\nG7sgS/HUya6fYcBQQGWbpvNYseKK5/NTcKtmrFAsNZ+ryEcAaGilLWyLxX68\nDRYdvPmU1TWwYcnjvFrmzIeAxdYEioyQibdOBwKHeV5Uts4yrPiVzGVo41xN\nqWb9geO+dkeesCq6K12i5PQohle4StkWLTpN/K5AuYPXLoiaWMbMvKxbTRQV\nTnVgMnPJfgrxz7EVnYV+QpeNDvMjdgNKm+2KgRnPl7rEVlD9vVSh4+tHSQh6\ndyNqGBv46rzWAhkDH1o90tugsVsh6n7HWhUa1kKewjmPMTrInoyoqZnzUAvK\nAR0sJ8wBC8wJHaHKRofNekrbtFb9GM/6tC70aEg4zusIHdee+XLBbv2y9wMK\nrRxc\r\n=L4CJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2n973r1WXFLgCjqVjzXvIdtQvp4Ey5wqp1DUxCRC4/wIgE4cQsUoRsFeR/f4c2osVUpGyXahCac8ayAACPyYdOdE="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.1ac5b9d4.0_1597256811202_0.6598684212945525"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f17f5052.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.f17f5052.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/837a87ef49533f905c92ab0aa9faee12e51ea3da/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/837a87ef49533f905c92ab0aa9faee12e51ea3da/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/837a87ef49533f905c92ab0aa9faee12e51ea3da/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/837a87ef49533f905c92ab0aa9faee12e51ea3da/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/837a87ef49533f905c92ab0aa9faee12e51ea3da/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-OFye4YUbyCxrNxZ/ORLbd5C4tRxoPpG8iggD7tky5WtxMmUKlIo/7cvaj6oFA3Ej5UaMCKKpA5YrHMh7j/CxqQ==","shasum":"ee70284ec8cc69199b63cfc8faab02456acc6d0d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.f17f5052.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNXTcCRA9TVsSAnZWagAAeJQP/3BLiPc8U40D2OeyX9rs\nIA3gmwU9jay5o8fsocL4MO9d6Mnk4c4d8Rdh4UEXAE9zxCjaunVqp7BXzpo9\nwEofq6BWzNPaykB7OaI+Hyr+LtfE/Rrrj6iy0QznyQ8U4S+JL2F8zMryacze\nFlWtt193WiEQemNrepJ1JoF3kTnJgOlV5wo5cfr2GDGOSlQ0spARSAqxcmj0\nPI7alb+/ZH1frez2TkZVSWAtD03YGwes8MlrxjfL5Bcee/ft9L66p11+0aF/\nSrGtZvDxqe/lFHkjX7vnuURjiy5x2eoTHkiNtWiC2rrdZB2VmzLW59Rpt0GW\nMjienW7FApyJAZMhAhRS3lmpOUbNIGfnZd9CkhIm1aXsARAlmXWkpl953LD5\n9foS1BwruNBIjpk2OlgeecOvBp5aYecQa5abTmMqxsv2JEvB7FX6FMDHuZAh\n3Ce5YXFU8Z32v2XggsITa6HIbt/WZXq7l9M3iyvORA3+2rFsXp37NYSFbicO\nGMiagDevpXHWpsmTnhKD6sNdkrH176q9M7GPWg3UPf3idcU+x0vzS1JGPAGr\nENIWdUqjqu34/UvS68B/5sPYuuMylRIf1Z5h830HcDXo2jkI1/OszXXU4MYw\nuIjY8/uGRZl4KQDN+7pwRmsoXjx8h2B25CpzMM+cT4CufbJO935pzpv62K75\nQklr\r\n=Awp8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSrh0HTqSaghbPvKXeM5kCpxuYNbLPUpvdQUv2hE6VEAIgSE0fFnby2c/Q+sfbevH9i1seGHFF4hIsnUnPGRiIRuw="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.f17f5052.0_1597338844237_0.2690799075080603"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.80b5d20d.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.80b5d20d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2183b66216f3cc82a57427b3aa805795f18e0925/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2183b66216f3cc82a57427b3aa805795f18e0925/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2183b66216f3cc82a57427b3aa805795f18e0925/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2183b66216f3cc82a57427b3aa805795f18e0925/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2183b66216f3cc82a57427b3aa805795f18e0925/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-+Ohc1WmOjO/uSohxoL7motUvTFQFasmsQe7Up2/mHR7U2rz5rpjz7hCV9M5dNQYp3D8BWE7Y79DQErvZ4YS4Kw==","shasum":"29f90d2007f6c8de5245fed4318fda82cc7a5cef","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.80b5d20d.0.tgz","fileCount":19,"unpackedSize":65505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNYOQCRA9TVsSAnZWagAAi/oP/R4akeKZ1uISfRV6S6io\niAqdV+MUDjxEgYYhL+T5JQKA9k1sCw5tykWTl1tVIFmh/cGxlE5ytTXSMR8h\nKYzuxvl+rFj91UKM4XVYEXa5zLZWFxLYJwdr7m+3hammG/TIGNq+fhow2nSG\nT7OosZY9vGBt/iQQNKfDfACSWzDOb746Dww3RnI7dxepfC+aFAz+PCro1du1\nFcqM44/fzXmQ4wbUaJgM37GFju1eLMD397PxVnzNqqQ6vBK+7dxHVZTsjR7v\nu/NkXJf2NuzMuKA37kHTOrb/Y4BFXWuyTow3VSdA6Cou6aeWLrXuoozJt+NR\nF5y6nl57HymLg3yc5x9AyCr1UAwlFuhTr6/4LDzStFsbja2s0zWhxDpQAd7R\nxyZEtPWmytLN9aIyd1pr53EkyL4A4+XqdpWqkcArqErOFCplIwfvUKJPMUcO\nLvCd79WTfnbNzVmsctj+cxL3AtJR/EuslKwII5AtysOr/pOCr8yCLoCuGkpj\nE1vor8iRhEKLnOUbCo3wTTwTaadNPrZYaelcly1c9iQJWxq/8W4faSgw7xVq\n5zDa5SmBDItsKG5cXgomB9/27amq6rP6YZ0DnZ3zb0AnstHQNaBJHCsZ36DZ\nUErSEiZ4M9Zv1WbeCTBa91Ecp7fDABzqVu/Hfxg3fMOr3gcxgNo9KolP/NKs\n2DbW\r\n=zSKL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEajjHPWanWjXKUdiE3btn2h1yxAkaaWdV7zJck/3cvYAiEAmlS1jPJXhu+7lqR1C5AeiXTFv/LgD7XsKYfF1kfAwO4="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.80b5d20d.0_1597342607049_0.9997056961499269"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.758635ed.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.758635ed.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dca431ba367368af1f858369557a0bc5db6783e2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dca431ba367368af1f858369557a0bc5db6783e2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dca431ba367368af1f858369557a0bc5db6783e2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dca431ba367368af1f858369557a0bc5db6783e2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dca431ba367368af1f858369557a0bc5db6783e2/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5m7ZOQsmyG2oZs86UL9DQBKKiOLSOK/BKNpT2URqTlA/6uWwQ2H7Szsz1WgcreAlj6RoWroVaHS0VC0ZXCwrlg==","shasum":"7f459b6dddee1a93baf1ce98accde16357385932","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.758635ed.0.tgz","fileCount":19,"unpackedSize":65457,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNsbVCRA9TVsSAnZWagAAiU4P/A7BJGdMJQtiyqc81DJX\nHuHGY4HyyWm1Z5cPGMj9d6MaMJUNVg/CYPSNwaYd2bBPl8E9zzzPvOL2DlrE\nx/wJ7EiK8dXtwE8ii3fSrUF0nsFsNhV3dKZ0ULKoseFL9yNuEsOn/IvVFHOb\n68kHQkTcOeIGwCxelTm1KkU5f3FmNtNQOgXTdWbfnVzZ17cl8rITetwy55oJ\nbkumW2ssgpAAF+CYUtBk1yER5IeTyIci17aNNuIud+zLfVVBLNttmzZOVQx2\nGqCWBKwclvLvBj7cU479HUlNvaCecLpcF8L5ct2u+rvB6a5YOumNkb5sO/m8\n48v1qj7sLjWYiAc6RHarvAS5zmLX23Lqs8UWjND7HlwUf+3sZYMqzAzRmR5t\nuSTqQJ1n9YRjIxgQLXCBZevoRFXzoOUZtaMghYXmXsjSfcIppnZXZopWhdvj\n91lvFHUSSpQk1CaDBHB/ZwUdLwqoVyFGnDqtIrOczK+J9kBenJuJt48HJ2J6\npRYwnYm+dH5/Xng+vPS4uwHiopqJ/iQ+AYYLDuJtSS67pTBwiMUSceKSar19\n98TKCxTq4Nz7npWmi3gC3AUDKG8pDHquFBpzcnhyDk0oQjEruZNzcPULTqPO\nygxB6urw8p90ZTqzPNfbyOgq/uiir9cZOn5fhR3Vw/hrTveZ3H/uIyeXK2OM\n1TlP\r\n=7x5O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID35e+ntlc+F8qqyf1x5nMmfl6Zs1/aqNha0hDhboz8NAiEAng9z6tnGNKHLVxcsI11ObqEUIH8JS2dJ6FMVWShqHbw="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.758635ed.0_1597425365189_0.5353292482126866"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.18d6b808.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.18d6b808.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7eb789f1eb17355bf97652cfec031e407c9e2fc4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7eb789f1eb17355bf97652cfec031e407c9e2fc4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7eb789f1eb17355bf97652cfec031e407c9e2fc4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7eb789f1eb17355bf97652cfec031e407c9e2fc4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/7eb789f1eb17355bf97652cfec031e407c9e2fc4/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bwMSXcuuxhhVvSb0n9BXHh30nzH4nn6l3Pjr3QvYgUP43onZYehkN5fRd5q37KeZ9E4cvMm27MF1H7tI+uBFfg==","shasum":"5c146a94e4c98a1bfeccd232de2851f7adab4be1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.18d6b808.0.tgz","fileCount":19,"unpackedSize":65457,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNxk5CRA9TVsSAnZWagAALD8P+QFUKOaEWGcf97QjjKnb\nZuK0TKzwq2wbIW65FnlopWgjzMyJ7yRixsv4gehzE0xDsxcjVoxnUTF3yiL+\n+0E43zmPiKS4dZzAIkRBsYipgcORDWpNbLMvdh2JW9a53yTq0Gl03d2ceNxC\nx9bCCuqm42Rry35ZwYr/DLmzEZQZ0UUSAqYBYpMrqLorm76ZZvyBQIacGmsU\nv7zhWTs+vC1KcZWYlmzH5uj1DcyDm8TtX7lVNlMQQAIjtRXSN13kM8B2nKau\nZCnS/3rrjmnXDXHnCEOHvby/qlZf8qFTFw5zNIn+I4R/siLGsWwHN2FqmXY9\n0ITvtVmD56gByFe9KbPzAbKTAWUFzvOsxFnIZRa3MdJ7mlvrNMnzF2/w2Qx1\nKU8lo8L+WWhxS6BytndP+r6jV855x3O9kX+G1amBNLJcVo5fPgaEoI/UCvPN\narR35EcTkGFzCipBlOUBezjzBdscs6uW0P+734MOdaRlfYoLIQ9vwPmifSOn\nDXrYqXIxfWt32d/doKkOcF9hsA/wU6PSG33UJZaijEViiflCJ1T4eZtvVRLL\nwUT3lbpx3oMkXfkvcFmedEJbgvNgEWSz4TUrvwTNInVEcBKQehxlmFCdBTLl\nDfk992bbmcblSYbghWP2bI77KytrjYKWRhF6o0bjYB6RcQJioYP4ik6cHtmg\nyZjh\r\n=shHh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2cAWJBJYeLCucjnqS8IokYEEFz+sxWbnY6EgwakI9PAiEA2qbqJV7aCcEcamL+M8PMjgevmQPAwRyfhfjasxyp9Jc="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.18d6b808.0_1597446456633_0.6407373372514744"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.5f8ffbd1.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.5f8ffbd1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c230db638d0171f7a47ff1f312ecc123b9bea4e3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c230db638d0171f7a47ff1f312ecc123b9bea4e3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c230db638d0171f7a47ff1f312ecc123b9bea4e3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c230db638d0171f7a47ff1f312ecc123b9bea4e3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c230db638d0171f7a47ff1f312ecc123b9bea4e3/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-mLA+uhKhLbqSBnznPfS7itSZd6Xd3/bcpkwu5mHryb5e480wwTAu9OCVIyHg1qe3V6My/g0exW/V3gUMD5nGZw==","shasum":"d3159c28e0714564ead92e6e668170bdfac0633f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.5f8ffbd1.0.tgz","fileCount":19,"unpackedSize":65457,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOwFkCRA9TVsSAnZWagAA98oP/3I1SiTXFXAUJ/2ny3jh\nF5FBkqk83m6W1aT4FGo/fk+fDlIPWcQughoM46fOv5/pP5jGbaXMlrhgyfuU\nv9YZGx3c793R26dZZqaLQTsM5HBKuOtQianwVgrelu5juyKFnpmTrEZ4CNAC\nyUlOa17n+L6NObMtk6KKun2nrua4U06hVLAgHkjKNFHbKHuFN7XwDhhoXfpO\nppSnV1gDMan0UkgSzDgPs7uGrbwGyyIpURCjszUjxur2+H4GMypvknG/I/zm\nflFNa01hpXvxBYZYT/bb1gnRUFV27udvdc5FDDNtCCHGmHMNpZpetrONE4j/\n4+D+6nizS8HVUfPBoaKdztbWLQOutS0i75vge+V36kKDGHDCKnHFN9j4tAqe\nrgJLAxRJ9Gt9RRXaRFXrZ32gaIW6Ikd/6KOgQwBO//Dle5yQpqaxmxwKxyHC\nxKYG1/3sbyyn8rMnrvyQ0FKIkEVMl7ZG8IOao301lUQqn9cVSvjTVkDNhWjW\nkYzXh8OXFTprmN3cYXUnpBF3s6zPqDEtYTP3Btmd6E4B1jp6u/+bnvInqh8E\n/hULu6J4paKm/N4Ke3NoOnTGXF/xLC7f8t+SDEalEomVBG/7bF9+JlC1iHCK\nkI0Pnmc+NvnvkgYMDoZb2kfD1xx1te6JLp7pDyzE41dW4USQY/2YosMgM7OM\na/18\r\n=Lc3W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCtmBGsPW/rO5mWub1UzPcvYHt80LSVr7P8H19hl5k1vAIgJkeVUMEX1Zj4mGI2Ys9nUQ4a3JJm89YW3H0JXnUNPeU="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.5f8ffbd1.0_1597702500132_0.9940935264716417"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.8604d59e.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.8604d59e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b87d240089846147032623e302121a478088f7e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b87d240089846147032623e302121a478088f7e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b87d240089846147032623e302121a478088f7e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b87d240089846147032623e302121a478088f7e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6b87d240089846147032623e302121a478088f7e/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DPK2axMrr2sJdFJBe9g3rJY2/28SLeaOgYD7Bqpy6b9rJJb9R2SDTehXLMI90X+/nDuExIBWyVRPMBg/SlUTIQ==","shasum":"c1ab014e7b3953194a4ecf1e923bb25b3302473f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.8604d59e.0.tgz","fileCount":19,"unpackedSize":65445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOyh5CRA9TVsSAnZWagAAIcAP+wWXcfDyMxun/4lm8k1t\nnh3UcFIf5Xqw/px9cC+icEwUJyjJgP/UTI3ssmHzw0vcDQQ1cS5aJIXKLgFZ\n+E35WJAzOunvmWZ/1DHPDhhQji+1wnjNv8mxvl0Do8+D/6cioHUEZOF2OxtF\nCl4K2Rto0KmuNLmqJRDh1T2NK7TPp0L2UTbfh6IrJ+KSy0wKkYUo3bzVc8wr\nkwjhZmW6lXvQQ7Y/XN9W26yUpFupniVnnOP72SgMjpYn9BvZ3qlSwGqLv4V1\n/3lQUanEZ0fl0Y5QxH5jDZzm29kwCQqn8E50X27sUHdI7a6rFTi/OmMLvu/N\nCjVAa5R3dmPPR4hv3hMqikz4lBZzU4GxWkVHnkeLBLGhY4NhQK7BZBPuuvGm\nXOCZZ/I/LmL0xuHzRfoauAoYve2Az7DmZh5RiF1tPjF6Q0qBayva2HsfmveN\nQEUntqWEe/3PAMGo8fVxu5mw6uXbpVEkVDxPONiw1XPFBeXK/4r1EVT2wqS2\nSycfqPl5ErGebGep34oDHbPj/GsllZpHHHIaU/i4jJpEkLleUdGh9w/Wa8Y/\nG9QrJRhEpyNKsmUeiVgrjxzCnsAKuScHjtuSRZED/doniPGGUhIy2J8KwfV+\np2sOU59nu0DQlS4+aanen7aN6Em54MXPqmrxW+cKGDUtLs2QtK3yHz4XHhGz\nNnsr\r\n=p+E3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDWc7Gqh7qQF8UGTK/MZDeg1vGIyF2NtXuIQFTP0YGpwIgBGB8giISG+1rqt4jGhVQECnRZ7BdFBiwz2Gs9d3KX1A="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.8604d59e.0_1597712504708_0.19823712072169664"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.1d7d5e34.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.1d7d5e34.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5b1904570278e726a75457dd1d8c9a30c98669d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5b1904570278e726a75457dd1d8c9a30c98669d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5b1904570278e726a75457dd1d8c9a30c98669d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5b1904570278e726a75457dd1d8c9a30c98669d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e5b1904570278e726a75457dd1d8c9a30c98669d/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Sn1Yo0IWtlsRz9IAS2VzIRLkG3zDAdykq1VfvJsZQyrgSZUMQDmHVKDc2BZ6yfGMoChv5srrCx90+ZhioKE0lw==","shasum":"c150bfc67e6f2b644f256db643cdd26d744d3f76","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.1d7d5e34.0.tgz","fileCount":19,"unpackedSize":65442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOyoNCRA9TVsSAnZWagAA5fkP/1QSQzDYuLpym+793Jvg\ncifWXflpbrqNbCDJiluZYT3CvAsHJEGes8/Gs8YCmWBJ/n8F9doeLENl+mXp\nyZBVv5uIIdU+mYYpz7R4BB0iAVb6wWCT/PAYTQPMY8TcDXUsq1e+8dPB5xdt\nJBygxYkorYYFK3QAbLlcLakuYmXg7YOFO//Nl07Igb1Rh2k27o2TukAEKPi2\ng+o7uI82TSgL2OOM9FLblLuAPnHg39MDdw6VJL5AyiIxO6GmoZgEqRlsHRR2\njmV/rXOBuhBmh528cG3vlNhGEY2hHwd4qlZdrU5vW8snbcT4hN518gPgXkze\nvcjdFeZHRhtSAdtZiWemlojVNpiI0vnz6z+gItSGYI1PSQcT+288TCvoOOUt\nIyzWfYPX8uz7KQCL4lvS6J+t6kKO+c7XZU+Npmd7ZM+/Bn8+QRHrNUoGaNAK\neH6TR6zQKifOGHaAHglGqko7ZjEvBp8pDDYh4/Hk8Ls/jvXEdcS23Np47Sv3\nKYfpGSjh9JF1COP3ITstch+uhzCGq9gkEIfJqvuDpXOc+x9njCsMT7XwGAL5\nzGzDz1pfTotPUo9T9XOf9tC64vE0ud8/d7AoPtBBUUWSrjAbELkr7i7Q+W8o\ny84q8djex3oRDr7NQjMmwVaz3A/GBPEAEycXs8EidrrXqZH5fwZAu0lbekOa\n1GFR\r\n=6Vyx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMUCdux6nNW5DdzJDw9t0zTXP9NKtPWS/muGLnaTMHBwIhALdznJ+3vlYMjNMUWJcbxC5Oi5PEJRCfwpmrpTrsaLx2"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.1d7d5e34.0_1597712909183_0.2674554553434112"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9cc95c07.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9cc95c07.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/48f9adf6b09d7b2532669f3bb466d2dbc3970990/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/48f9adf6b09d7b2532669f3bb466d2dbc3970990/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/48f9adf6b09d7b2532669f3bb466d2dbc3970990/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/48f9adf6b09d7b2532669f3bb466d2dbc3970990/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/48f9adf6b09d7b2532669f3bb466d2dbc3970990/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CkhfX9Nk4CTRwJ6g4xPZPIC41AACf3q/Y//1bS52RII9snHRlR7fIdJVo60X//7lo4FeW+w8DoGZg0ORVqTG+A==","shasum":"46abd8a32c1e6b6c72556323ba968b4502415be1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9cc95c07.0.tgz","fileCount":19,"unpackedSize":65442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOyvVCRA9TVsSAnZWagAAsvwP/0Qatbd69xUwFogtqo7C\nxtQdP1kfZVicd4E81jqIzsXx/PfubcW+LziB0asMobL6h3Gszj6E3L5pqbbv\noTyp4wNChf+mMSJCU3P6RMPUD+0/JSvhAljFGlwp+OAVZhEYrlEPVLEqYBgy\n4ZNpB8x4hKZ9IGwlRip1R/Cfkct1+/YPUg/vJzguALPxbgwl1irMpiy8IiC5\nk/ga9IXeDwaWjuOwEdKFRu4sV3dDUb0elBLQAQlnBG+jzKTV1Y96XVWwrqXP\n0zp68f7ZomPm9kkdJaA90aQS9hLYdxuy6qv5ZPsiz84COXs0Qt4wIggooplc\nTKo9zHECd+EvslR/lIZmK2TO5Hn1InF0MA5wtq/H62hm6nprciljqpoDHf0W\nJTZBiilR+s5NZ6pAgZJK+5fZlgPB57b0//3wWrCLO6gCoGv+hKrE4d5o1SPO\ng6xwwudLTQYXoOMLcrDq4YF4cwXm8gcMf9C/qN6zYxjHtLDxjcsrurDi6FEk\n2U7QrbepKzwT9ECQ4gQQMipLriYF2VGAFP1tB63Ii9kdJbbVMA4aucBzVbzG\nnJjkCuHJ23r72W8gbqS90PNv1gB4lLewR36mRs3CJ3HGL8pZcfoyBfuGe1eB\nDSzICBJf1ukwO3K7PgkX5DfOZr3YsOXHDfA3s+DTgO75wEJA8ELJiGTQwPL1\nmfIq\r\n=Qe5F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH5bPmzwFq6AxClWIajbd5TWFjCsF3+DGm2IsQ97NpinAiAfvI84EkSXbDQuAgTna9rt6IWVAmpkLc7PcEjqvjXnog=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.9cc95c07.0_1597713364665_0.5641656894820584"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9f65ced3.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9f65ced3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5aed2922c67f2ad7133772e74310e121b406dec1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5aed2922c67f2ad7133772e74310e121b406dec1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5aed2922c67f2ad7133772e74310e121b406dec1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5aed2922c67f2ad7133772e74310e121b406dec1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/5aed2922c67f2ad7133772e74310e121b406dec1/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-FSZMLVTYVmjEDvaqaV6F7ap8fjbnwImh8VIfdScGDp61jCMR7msRcI6K0yxhyHKKJwIPqgsoK01fGWETkutdeA==","shasum":"85008e012ec27541d95db7fbfaa3acc41822bef0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9f65ced3.0.tgz","fileCount":19,"unpackedSize":65442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPDbpCRA9TVsSAnZWagAA4wUP/jP+JmaXrnPdc6UDE7MD\nR9fL7Y8ytClWqMGlsfcCn/E6IYIcwUhEtTY/yEbvmDlZgiZHOO2M2c3/VQzA\nReIZWHCzAeDo2IrgRv9VThGELb8GO7bEJ4v4+/E0OhOeO7evbGRDa6R9ZVS2\nWBq2AuLhH+ftWhgBFiFszAKK5BsT4icT0vE3bHJvZM0uUCfh3dQ4oBOYaWRa\nEkMbmLABYZ6cYY63z/YeQSpfORyLARB8S+kqRlR+3m+sC2YuRlA1+Mxkb4RL\n6POGzZUtG5nIlQzX7gnETUcjU8BOdQHlpMx3s7F6G29WkkhUIwDJYM9sbhr8\n7CYSsXJTKBVfvVsszX3J7xRMOBTch9oDhzK1LLfghzZcPZDLvPysspQ6eQCF\nzP7obb/RB/kbOs53Eh8ydUCw9n24S52Ug1R4M7ewNRc1/qfGaOQAzhQJC4zV\nCqXU1MKechgpInIVQkrLhjRUXs8ytZ0/Ln4MS7NC3r7hyElYGUpnc/wMKBaU\nFEXNpjR8UAM7j0DW92vD2WT1VJFjU1BhSqrCFLDAd8SvmzXV2yglVcWG9nCS\nJPAwIlRdnKFqLvZO4YGCp+OAuUNmk6N3VcbJZXyP5FRALYZBljF8o5jJUfnN\nF4JQn0158S8W5J+PNLwFTnjzSW1vKdfYX7FrNz+/Vd7Vwc46olHFYVHs0x2I\nF62h\r\n=qBze\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDc9OlsLHYmFVHMy1MltT9m5SZSXEQqiPL8Cd/Wwr4OqAIgH5+p7zBdnviVtVIlSSS+aN+1R1vL/3ME7aLcZ10WERY="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.9f65ced3.0_1597781736799_0.17942612072413255"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.5962b365.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.5962b365.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/454d30885df0a3162dac8184409307ee571c6215/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/454d30885df0a3162dac8184409307ee571c6215/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/454d30885df0a3162dac8184409307ee571c6215/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/454d30885df0a3162dac8184409307ee571c6215/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/454d30885df0a3162dac8184409307ee571c6215/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0PDIRkKwfSzcxzatSPUhe5weHfQP+uwnOlOA2gA5WyBh9UoItQVR1bjka4OHc8iDl4Z2/Cxu05cLv7wyNnRj7w==","shasum":"3f9755b22342ac1ff4bbfcc8f8ce7e94e2a1cb4a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.5962b365.0.tgz","fileCount":19,"unpackedSize":65442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPYteCRA9TVsSAnZWagAAnX0P/3dGugoJQq/1PBMw/9MS\nzLW2C5lKOOJZw8wERNmQ7DvQJslNSPOTKTjDZxCkLGF9ZkYRhmj1gc849qil\nmCQ/zmYbvmc03st/27g2sv7d+Dw/WIR1bbtJrs7pliLQf7dXXmrKOXir0qD9\nohUo3ASbUF60fs+yRaBsE7v0c82DuZ4xCQb5GHpJnU6mSx17blDdXT2qPlDz\nmyxj1tuMV9UPmIreAgMA6PGfrWC31vAlsxEuGZMtAlMIorWutaioKsBa/aC5\nmA7hguNy0Ryl8G4Lh1EShZrl7EwrM8+uCnAAaATg65HQVouMU/P/i6OJDLw2\nxX+X6RGBBlQwOCM1d2Kq5Yc5YABih51twRiN/ZbgXxMosuv0RzRqaxjdKGJ2\nTy886vkT5a+gbBbK04JR5CtDwpKxAc2br9/71foreFKlaeOFanHvsfgDVW3i\nnZHnG7AJ/kpZrM60wYHGWU2Xg00Qc9Lhvk6UJxCBWuvl6ZJfynhneeI7k9Kj\nfDNs5IzhcwH/A+Tr5pmTCjGntqtYmpvpjuVnHIGZ4WT+9lj1uPelAoyZzFJ7\nsJhMJ/Hr97OHjn4tMMQ2MkcPLVPGzOOPE1h0YQ1ehdKLdGcvxeRAiiyJP+O/\nR0Et64i4qRhsNxtgt5ZFi3nb6Bnp+pitGfGK3cwufKiIcBGVqes9+/SgPuYs\ndjvL\r\n=mX0a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFT4s3fBGuN1W0X1wa6MFxrJbiKa5k5qLLW17BDusvDVAiEAofheWT6mQDiQZkPaWJGGEl/csnNF/cLIxgJXCfIz7gk="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.5962b365.0_1597868894253_0.07981218165002568"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9c9ec756.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9c9ec756.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c887788f2cb30e8b788a5cb0a1a13dcb78a0961/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c887788f2cb30e8b788a5cb0a1a13dcb78a0961/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c887788f2cb30e8b788a5cb0a1a13dcb78a0961/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c887788f2cb30e8b788a5cb0a1a13dcb78a0961/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/4c887788f2cb30e8b788a5cb0a1a13dcb78a0961/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-kKmCvqyVk2TCdjEaZEJFTHejTb8SrJQTJMk0tJFzw0lef/c5uheNi0pTCQ2b4LxORuGVkrW7WesnS+avhdfMOw==","shasum":"55ba2aeb47781b9c1c59250c4c9c287877b489cb","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9c9ec756.0.tgz","fileCount":19,"unpackedSize":65442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPsccCRA9TVsSAnZWagAAmNQP/RKuw42QvKWzJhoSDaC+\nxOCVavUIrm5Cf8Uef+6zfMtVkh7da60SyuWEXUo4D6zQzK6FcwwOrbXVmfrQ\nWosAVUyClsKptIZiW0KOFLToOTtnwFHE0dGbcq6LeuikoUmxFRVxaR6VRimB\n6npGwoTlTPbLWfgZ73jTypP0Ve0Z99FC45ZQOPhO3oCE0/FWkVPmh+dg4EGX\ngZfiVHfG5H5KxS0yr9Tqi+gSpD/Fbz98eQ397dp+wcbggBhUD2xCpPUBsppb\nAVzblHfCYPvV1UdTjdmoiPCtJ/0F4QZsX7vwIVROzjcNoIMjrl8NN2HxreoU\nuZbLEKQN4PCjbzGBhJlgkPFcyHQ3FdX9ajubew4BFySISiou//34DlTppZPD\nQ6QzI23DepcjvifibJ0wPHzarHm77FiPgvCxqwEXTkGJZoV0W0FhJjbA/SKD\nG37Ck82SN9xHLUoTQkUY5Zt4UWaCaqLrYH+HSwu7Ql5+wBhqTtx/IWUHhGPh\n7m3gcUrPq+oOPxMEznMwya+xg2WujtyVodV25+1uEFx9hrd8eY13PohY0RPB\nREFRUdeXKOXeOHWvIPdGQLHyg4gXjUOqUK60dlThwTUZ9iYOtVY0R6KeeopE\nLeShO9AQmCM/o0GMBrNFg/BpTYR+c97eL5vzbO3sboSWVwTK1wjB3pjTldxp\nDlCU\r\n=ySvr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDXoVFfxOsOaS54Jm684qhs/KRh0W7tlYrwXRaQBC35bAiEAuww6RSQsADlyVWcEnJJw1gQ707RA5B2yCxZZMWtxQYI="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.9c9ec756.0_1597949723914_0.4267731647699635"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.fa0ad66a.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.fa0ad66a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4020241262a9309827adc8467ba4c499bfab71f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4020241262a9309827adc8467ba4c499bfab71f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4020241262a9309827adc8467ba4c499bfab71f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4020241262a9309827adc8467ba4c499bfab71f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d4020241262a9309827adc8467ba4c499bfab71f/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-rJvVZAO6v9sGyHyMwk56XAhdfRTcpn8iJSyiljgc0G+96yQaSqgsRe1EafxObf/vbdcNvP7ZnePDcYBOtI/ROw==","shasum":"d26fe99b13c408e9a821f5d1a52753fb395551cd","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.fa0ad66a.0.tgz","fileCount":19,"unpackedSize":65436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPt5YCRA9TVsSAnZWagAAlPsQAJQ0DpC4leSAyhJxYkYH\nEQvqPKenr2I2uqbymDw8rc56PUbIr2tyS1+sW+x1Qv1wcnjSjHFmMjHvLjXf\nvexmPoH022fLH1aNpGKF24yLGuEQdEvGrXzCCJK8v08OKPGamKTy96c4syrN\nsqaQLeFdpshs/Wp+vdKzgpJ+ZpvZDgzqRgtYBRn7vNpAT/O6erkjO+v28MIy\nGCLCUB4leQfAhou3NXHL9p92i7wWF9gQHfKOGJuLVoMhLxhPwo7wFIReULV6\nC98V0ba+ofWuIm2j9ZUfQGEpLoalhAvEDGJQzWVJYP/xfnamXhVp53jn2Qsf\nZtbinc+BKewzmKsxhPLhnxb+2RpCRvQkG5oJrgvKibV64hZlL5zN9d5txhir\nUdzga2YOeD66WRVNRn9u+i5am7dGsIuvdY2OnJlBwsfGK2CkPDqps0/ipIKC\nDnA7z6lPpM7Nv7oTDIaFq+pKuFGPSNQveLvYxvV2k7kBgC24/SzSTyEbIqs2\nStwR42N5l5j/zxOSJzDsPgi3OXqnXctzX3I20Jn/fOfulzZIdXc5zt/y5fW6\nZf1nAGoSSwfVsVYbFEbiqCrcX5piJh87cBs8xIqcFrIvTBbEXyZyVwUgmzmU\n6gSuzpzYjSXru+jk0i3oXF38/OKHeJ+MolvFojP3yYfpFyKtl39A46vQjwJ3\nUPOd\r\n=FGdR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC3kcqvvLK4XoTeXN7k7t1EPPOTwmxAqvervYoo161+qAiAfxy96QlbRfAzH4s3JXuB6jVcj3t+kqYK6ZeRKWAZRPg=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.fa0ad66a.0_1597955671879_0.16475228292797395"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.06ecdd6b.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.06ecdd6b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/35a2331f3c8450d35506d4f0b54075d121a2670a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/35a2331f3c8450d35506d4f0b54075d121a2670a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/35a2331f3c8450d35506d4f0b54075d121a2670a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/35a2331f3c8450d35506d4f0b54075d121a2670a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/35a2331f3c8450d35506d4f0b54075d121a2670a/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-z6X0pa33Q0G+512JvTmipdl9b5jJPfVyRPADhlvGR5+W027NokPrgtZA0X88K3vn/CCOz4JzT3NlSThpGD76TQ==","shasum":"5a686eea954d6e65eabd269cd94f2b8e71d64721","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.06ecdd6b.0.tgz","fileCount":19,"unpackedSize":65436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPuwqCRA9TVsSAnZWagAA5YQP/2rwZDtVp0D+Ugo8gpg7\n3icbaO/ALtqPfjA95dEzH+VzpG9HlYWIIuhsoL/obkko8YlOZQsTUnAafWbS\nXfC1Z3+zbtL8J/gVcHfElwsN3RVjbVEkhYsIU3+Xt5kWP5aCsDTbL8TPjk9h\ncuNLmJ8xvYMJwRqe+LRJpeYxVkFAg0kcazYPvd41HBS1s5bF4/pHObkJ5f5J\nBE8Om04oKcPMke5hYFUy5DojPFrT+ANhMrR5IPw0YHXKUJdTt/KTjCeSaj6l\nDHftYJi09E6uaR/ISWEUaR+i/PFFC/5yhb7v3tANRqiiAGLzvMjklx9xrlbr\nXN9n8xwGqXbqRgnMpnARaQg8ZiXtpZGv8jg553t3dUF1p/UHUKyqqUkxOv82\nlZs0u1zgBiHa4Rwd7CR9zZZ9niIW/K27smXGSMTVFM7VniXp2eSp+Dff8Myy\npyk51RVTETqbMVeZzFyD4ts0c3csRUAyHTkxj2y1TtIDTmX6yvo7Wf92wW9B\nfm5e4dBWtdWMoBVVl+qAb639UD9HUJwUy7rMO1+39LtxuPJ+8p5jmIEdjdLl\nNE7WmeQPzw2B0uK3sFxx4+tbZVI7UirYNhlkyjSPTxzpBnC/bZoJuWR4I32L\nvZ3r65nhzQ0r8XBs5VIoh0ZAiPYnAfErX3Z3xwRB9VgSvVVmNFW2wWJnd7FV\n/Mku\r\n=gZ0l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQW5CLFTjyn6ukXug4lLDUX1d9qW7tGY5LsDnfx9I+7QIhAN2HSY8khOmROy6dTA3WwJkgRHm+i3BtrukNpGlodQQx"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.06ecdd6b.0_1597959209881_0.11148493373842339"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.2bca2318.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.2bca2318.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2e3f0ca806ce8930df2251177b8dcedb9deaa8d7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2e3f0ca806ce8930df2251177b8dcedb9deaa8d7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2e3f0ca806ce8930df2251177b8dcedb9deaa8d7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2e3f0ca806ce8930df2251177b8dcedb9deaa8d7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2e3f0ca806ce8930df2251177b8dcedb9deaa8d7/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-AR1Ex7JlEjzSklJSqFb6yS1QQrwrzjSiLgJonN3jBsAvEUm2nMxhvqjYZSVdDV49d4Y0edrr9INnnEzTFJJPcA==","shasum":"fcdd22b107cda8523bfcddcd28239260c0a88e6b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.2bca2318.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQAm7CRA9TVsSAnZWagAAV28P/iq6wa+G4rbAHW4ZWGlR\nlb6K7+Us2brzII/CTnX1/aU7MT24B8BteSSSRyckrPktWeJcddMLHWUtlxrK\na5o1obQyobeu5IaJDPtHnx07ezLSeUkgXIXg69JkDSGLy7E/wuaXuiAx9ZTr\nk224i2vcJwVwXnc+awhx1ff5MVDgwxQT9R9/sofqXm8Hl6fY95K0EohtmWCr\nb7LEj462VWcyHPO6WLpN9pUqD5OV72saQobF/lJDuL5lhM+jM68yRtJbG2RO\nQE4YT+9pj9gC67esYdtKvzbYeXPAA/Y8h+Ob7BTOpF+2q0JRmnjKLD1ttCy6\nldOTk+F3LRc9iF6tFl5YzDwcv5C+f9kC9mtribfx/67pw5pXFqWJlkU/zX0p\nJa0XU02t86Rqb+TtU/HGjYnqQPjVo5O5two8xGTg7NcPXR5gtH+WVPKMIcJh\nT4Fi2Mgb0tGOsiLwPo05WWvGSNjB0+iaAyA4dGe+u2s5dUdjXICCzI21y2RF\nZ4J7OsTsd8rSUvtUlx9/w9CydGT0v3HW85eyGr9AHpSNv6EOOVUnt5qPA2yb\ndbdwCkNND6a6D/ADDWcQI9ahVQ2b4qiGIxtb7Z3Cl2a59GgaSbheJlFFrneo\np0y9WGYMKKpjFzyLWDCVtS1a4kcftEg6ECXSWtljXuWHlSm4njPepyty+QK6\nsYWs\r\n=lWOu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfEtIsfSwF/mxBDEp/M096glqgn5LlZVvOPBKgkkBeRwIgB8EQpvw+UEesaktDINIyTwXYz5b7aaG6BgDWkyMdMKQ="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.2bca2318.0_1598032314951_0.30357984405915417"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.6aa47265.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.6aa47265.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13aa269065b757dd289dd89367756db80da1596/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13aa269065b757dd289dd89367756db80da1596/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13aa269065b757dd289dd89367756db80da1596/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13aa269065b757dd289dd89367756db80da1596/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/f13aa269065b757dd289dd89367756db80da1596/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-n/u3go1sPGTCJw7/IuPzYu3CDyPPe9UdWVOhgp9eBj6uucTwhn44qILRvd/gFsOThLx1nUVdbxXJGZCbcktCuA==","shasum":"2755222db50a3de2ba36e2ec2a07ce0bf9ccae99","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.6aa47265.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQA9KCRA9TVsSAnZWagAAd1oP/RE7kN8FnjQERcNDId2L\n+d6L8H3QmzBKQy+zxJqVRZsyHKGdtjokI2aTYF3wL+E8aC+/3LjyaSHX++GA\nPWNjaNkMq/ZUDf+SQAnXusvVcAf5gZWOXEzv55/677maZtS00rp5oyBJGgIn\nC2gt8VXmZfQFEiiJNu/fRbBky4yAfixDLnSSU2IijcRPPIy5De5PEvm6opWt\n+64TB6dwqGwnmf+UP0R6RpRdanUbIvo9Y8SGnzzQvtIhSBJ5C7IL2R+7gr+U\ngqpmgw1RAy/+46ec78rB7p0qmaFHm4NkZfp+K+nikhBRRFtJ3YlSP5d2cZYX\nYymPAVM63uq69hnRW+euLsngijSG/c6Ha6bSfDCjIOh0t4pY02+M6fWogg4+\n5VID0SALEuD3IM+4yLI0QNiiF6Xk6y2v+9M0JLxBPW1QXHkZIeTQh95HuGBy\nVD//Eus+VEDxldC9KiLivU4CrxBNMOyIK2yWcZ6oJIoTaIULCJ+zF1duTUxe\nrIXbNgnFAahNtA+gHcGkg0TnuWu86QnBzuSSDc1j1HvYcjcdXLzhbVHXxnO0\nDNA77/88fkfs5qEwqPN0Xq5W0cwpiUigwkO/essaH+fTSOLhux02kigMhida\n9S9kDdf3iN5/TuDxl/8WDKcP5X5ZI+1LOtOiklz01rx5a0V1sHKfBWn5vMqT\nnIFu\r\n=4H30\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAzqD24vpoP6MDXO7NlSTHwhr3jxXhQg8P5HZsOm+hiYAiBemS9/LJvd/vRGw4JzK/LR7cmA1G5f1AIAV0X9tZP/WQ=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.6aa47265.0_1598033737868_0.8116665799484624"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e7202a07.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.e7202a07.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/9c2f6251cc1ab7c3f27cc51409b86305fd50bd2c/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ZmkRNHyWUzNLF2nr67cPuBCb/84z7XNMP0Nl1ZaqUM4Hikrcjc5f+7jmLJNaEMu4mPDZwgo9OcVdMSop9jNZmA==","shasum":"bd8252f60746636e7eaf5056c1d22094b7bbda94","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.e7202a07.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQB8XCRA9TVsSAnZWagAA/PIQAJ+oh6Hkj3yReZAHk9/f\n5l7kLPC2+XsplFj0a7gakw4FLgaOaCv+oqojnwt1P4YsYw5fEuwoes0gYO9I\nK9M179Zgy7PTsKHtAn7Kbx8F2jsTawbCOdYA7dsC5wIbMJdZGz9iWz1JhamH\n0ZBJ8q5nXh8bPB4mmkakE4uC7oA9oJSkvN5YUMFVdudvL5AgFhoRKJZ/Jta/\nseYkM4uewIm6vVcVuTEJ/uuxe7VUy0HiYUICV/4mdF5y99CiUfLKvH3ukLxE\n59jzYak9BWhjKS+eVlRNIAjDhes+L7JrW0MemajM1op4pBD/gOk7trl4fn6u\nZ4xyW9ZD4OixgYJPE4T9GGm0ovRDENXrU31Y3f3yRWgVJL0wra+zB+dNkkA1\nYNqe6QYph+TU+HnfdEzkuU7YNkZpT7kpjGoLJGdzfgzldMb2/L8Qx7BfKq7A\nHPyMkgIg53S1WpOK/swo5x92/0IYs/ERiAKwz8ETxrlb5jDX4YW/XpscY4Jw\n1XYgR7zJAzQcAfP2ntUyoRH0BBTgTHQgeSFfbNcN8tbaLtzNkFztfwTnwnjQ\nl0zmzt+KBuand4S7ooSxXwUuoTRKAYro7EkZZEukP9cRZfbBWIPVpE3G5vNa\nlo4CTkhU+ezdADTn5LL9PpNdvtoNYdZnMR7xEQ/K5Z+25fHOmo9Cy9UtYNxs\nCK43\r\n=h0P+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICv58F734czzEGXYLcbZaO2y0YPo/PpETQOTfmqw/1bCAiEAiH8xHPacTg85CMMDD0yl7RKONJo/6wtCGGIrLLOQR0k="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.e7202a07.0_1598037783103_0.17833149705120843"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f208201e.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.f208201e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c666b3346918d8521008d20fa3c20b4cfe3ee481/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c666b3346918d8521008d20fa3c20b4cfe3ee481/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c666b3346918d8521008d20fa3c20b4cfe3ee481/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c666b3346918d8521008d20fa3c20b4cfe3ee481/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/c666b3346918d8521008d20fa3c20b4cfe3ee481/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-004dA/ee/jA+ynp3a/lwSgwXjYF/HC8IA9I6c/rshYAvWHXK8/NawO/1C609llncr+TKIyMHXNwXUkVcbktT6Q==","shasum":"478cc3b7b5a4c35ed51a4108bdcde9d3d189d8da","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.f208201e.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRA7SCRA9TVsSAnZWagAAPO4P/jLMhqfOeAUf9oBksOL2\nAF4j3MMTV7qmkIZ2VwR7aG66uhGQo6T40cTgV16BRSBDzyfRAx9+IkKbsqLq\n5GqmHSvRW670kY7EALE1ETU/JxFgqHZkgIZu1XoBOE5p+a703gZT7UIXhFEu\n7sPX+1TZd3rW+A11XE7SkT1pOWAe2D+lTkY7gSBV9rwkCtpeWpYFp8z8+Cgm\nRf6d5E1IA+weVp/uzQ/EhNBGl07JqMuV4ow2vxng+8PTxSbGF9JLTDhnCi0c\n6gTR5U0sVj14oQPENvHg1V3AQjOgbTLSGTXoQVI37juHwrmdEKHNoBE5LNPn\nFvVFrB2kq5t9ae9WgWXeFYzFfOTusnLRuFkq1DKjWQ8DY5RxJW+HmjeibArW\nAQwanP9Z6QnFX9OxNxY1sxQNOOLtOwdQffL2DtM95Xet7iAgiFiqljWLhiqU\ny7FBqwpe4QD+wA67IKaXyAevUa4x01jOMM/1wTjkvSHviTDmBG60Ic/6EU9q\npLFyzk1WsimEBF+tS9wOK8zp4MHAB2PoTlHcTTHx4f8AHxZU1DfD8HrpDavB\nOuGe3YAPcHW8J53dePnMwTmJZWQHbO0bviLmqUVUMhIQrlZMQJv1bDNU9KXk\nQu4h/acBCgu+rd/jO8ktBAq6Wq0cmZeJFTagxpsknyvk/GS3gNTznjeaJ1C+\npfvx\r\n=O/B0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTP3ocLrA8SWrwZxF98WSefZwu5lO8/JoqQ92ckPkKfwIhAK+EwVyitIt2LCiosovXlUTFdofgT52aO/lHaAZ2K7hx"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.f208201e.0_1598295762312_0.9387502210584397"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.14a172db.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.14a172db.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dae488440593f3d8bdddcbf01a3a6b5343d88761/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dae488440593f3d8bdddcbf01a3a6b5343d88761/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dae488440593f3d8bdddcbf01a3a6b5343d88761/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dae488440593f3d8bdddcbf01a3a6b5343d88761/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/dae488440593f3d8bdddcbf01a3a6b5343d88761/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-d/IXv8oOhFntCMR50vwujCUE52UyGTpWVziiYOuQtIikFM5X90HBm38kyUhVe+tAeeMEmCZMKQucFYAuHEHBkg==","shasum":"9c0550c7b363ec24b81b19a4caf8cae04a4ae806","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.14a172db.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRWrECRA9TVsSAnZWagAAGQoP/iblSt5vWTqq6u8XrmPu\nQ1sx26fn6hr+gTJnqBI+ijxi8zgihplqy5w0DzU+XypDjmDUYjNNGd6jj9Yb\nVdWE5h+ux1eV8HJHG4iq5rxNEVM7neVs3qitKjP4Mk+C8t+0dooNug/HFUlT\n6boo3A0an/2jF9W5qdcRbx3VaPesAv9FhKhQ5COm7A9z704Kq26x0ZLTyBwe\neyz9+ihelNTC3cCXJf2h3GKqD82Is6KYE7yHRkLzudLEXvXkRWlYwuiMF5qv\ndF+L/hYWHOwwCqKbKCDluyQtng7dhdd44NpB0hxs/HBxvxgeXtHdxrd+niOM\nnynf8fIplzY7C0nqCW3S++N1PwrbJ1YX2WiD5bSxBCsIISuG5654mGZCwfy0\nJeQRru3AAUdrkAP5cRJUOatt1NN9TeUAdZiMwAzgzNcyb2s26rd0ZnXD3DW5\ntpTQ0saTfsmzhw4uR/mLNo2qniI5MwP864XrpoCQowNxaBwbmdNIT2TCpF+k\njgWqAaTa7WNgg6wwW7Ih2VEW2MdBpjR+HYPqT5YXCiyRAnqueWbXhoKs103z\nY9Lv5MX3Sx3Y0NAHRt8uniGgYsgYoRPT3OIzR1RwCwANQB8kUN/P06SYKkRz\n+/42+6PVbk2Rmss3CqDGxu/xN4PYJocsn1HYU5PFB4M7wYmbjAiTub+tqs+e\n+sLd\r\n=PMeX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDj8z4KldhmgDxRmfDUzOGifuVIYQSqufJzUIod3JNougIgdTtlnF4WFch/JOOVOGjyubCYFlqYUAawzg2zqVJItGs="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.14a172db.0_1598384835725_0.46892320196199844"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e6c1038d.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.e6c1038d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6629a242b77f90688959f5a54abc55be3a2dae2a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6629a242b77f90688959f5a54abc55be3a2dae2a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6629a242b77f90688959f5a54abc55be3a2dae2a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6629a242b77f90688959f5a54abc55be3a2dae2a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6629a242b77f90688959f5a54abc55be3a2dae2a/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-dfexGhmQPkJzaysKq7Gb0kttcM18Bl10yjH1Hn61myGHwbTU1FySpvMD4lFAOeK9MqSyr+3tfwm7n3B4gfqrJw==","shasum":"d40f08445da7429c459d5e915cdb8ad6dbe2b073","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.e6c1038d.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSAtBCRA9TVsSAnZWagAAJJsP/iO0Pb8PBTJn9qoC6A4Q\nh8gmyptxUhK79kfgS+zJZ9iH+HmgjgLzsgX+kcKjbcsrflVJXvqUHdiooKUx\n6dIi9vTWePkLicwge/R9iMN+VIbl3tk6IZO3yk/Q2rEYFkp8IWh0U+nFHdQc\nnuCfMibq46vgXrcCz3qDQ9+nLSPULcW4gOyGKqdaRjkglzmZJf3u2fzGmSbr\nJQ66PFISewXpkSbbv1zxH8tsTnBZlGh1jIHzxbVM9WBW9wsxJS3EtK7Gc666\nyHciNqaTSy3erurkBk52zMTWgfwrUq++BAcbAjCeo+pW770tjs5oyzy3WYi7\ntdFQ/hgFbgV9DNICnnQg7jSIEIiwUIXKgnPD47F0ai5zuwyG+VlzEY7T7oDm\nRUgFpCQJEhETRAt0Wt7qL4THZToaSVMOmMXgA86H0UfpbRHd5o9Jv3T2r2sq\nAyv7xRJflqH7tdp1l8GadbQgY1Dt9BAyA3U7hQZCjFXV/m4XMbVL/FQkzFCX\nAsEfEHxz+yy2hkTBu+B6Otjz+VZ7ZU4tjYAwap2m8xIY2UTuSDzZbIt+PbNs\nSRrqyPF2TgOfrYNiR09irErGA7cTZVzKu9yJWwJ+ZcmFWr22wrcPWMo4Z9+g\nzZebGC81ncAI1YMh9KE8uO1tAjshjHkqO4NTwC47eJEXh5vQEx9W+7xRS9jz\nJzWR\r\n=RdUN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKf+uLcxeyPw9M7vdGgtWI2NfX1KGd4N6t8WL2cxtOTAIgC74hqEcbuNEOLulAXgKDUSkSwa8Syj5MWo6XqIT8ZGQ="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.e6c1038d.0_1598556993491_0.1714951157087452"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.34012082.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.34012082.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2df5ccd57b9ce1a3c2b3ddda99e7e7d8b185ef26/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-6JJmgMWzgkmBAoF8NRByh7Cnr6yUj1LN3yJPBsNBtd46xaS9WbA/dVmiNhg+ats8rDN26cQvjd3V5/x1RL1dVw==","shasum":"efc85b3ed84fd0afd8f3d9947cfda9ca4dcca4aa","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.34012082.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSA3ZCRA9TVsSAnZWagAA5wIQAIYlprIzyWtiDxMHOLqT\nYB4gBgnQrE4/234GNTQmE5i0lF9XxehPuyw1S+upZjmAUFbcA2bRY+yHUqKS\nKTrAoUMqDHV+k3b5VEwoMssaWvdkUqwVV25KJWiyj+aUaa3N5AtSk9mTrsIo\ne+QJenTvfbV84MO4eu2j47E4w0kLqCOGxgsjRPJQhq1j3Ju2Ik1M7aW22ArV\nWNXdxE7beVH4KgZX2bYUTnRIQUdui6a6p0nSkxF5zGAXop95CeCoXqD1q13u\nCF91/R7JXepOsYnl7jxnfpDKQN1U9sdpShD2A4TfGuZdgA1x94V6FeAuoZRt\nj4xmiIbhzUAjArq42T34xDXmszKMHAsD5glD/qU6I4TCVKW4N8+9YOBPwg1m\nIRKY1Fpi6q8iqxsahl4nZx/zGVmc2tmMSJ/ZwTaBNlTjYJ/Kzrc4qcaAhCkW\na4Fpz8boAVKFJUuPAtDnqZMVWUn1HOkpSB4VZzw+mpw+FO5WxhCR+cpuB8K0\nKZDTKBYJcpevJv0JGErBOh9kFsnKJs5qizo+wEjz/U2maC5PVz9szxgPI0Si\nQ7IlGKZet4LXNKlKUF8uJ+DhQJlDEqmFyAXgPSxIyLnk4yDNjEA4x+qsY70y\nKThvIw2PRw075wf3fuXLZW4TvTn4VI/kgeGIYLdkNm+CRzCvFcmIEfsLdjrD\nMgM+\r\n=4MBU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7Z6b8zuXnbaeGIDko2vCq/9a8C30HNYhG7LyjX6SyLAiEAjlvwq1mZECfBLmYkuzLqpA+wdPCPkUywxEb+x4RqubI="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.34012082.0_1598557657085_0.20077284791589345"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.c073f7b8.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.c073f7b8.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e16d759d8a3de4908c04fd08603483dbc37b1747/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e16d759d8a3de4908c04fd08603483dbc37b1747/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e16d759d8a3de4908c04fd08603483dbc37b1747/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e16d759d8a3de4908c04fd08603483dbc37b1747/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e16d759d8a3de4908c04fd08603483dbc37b1747/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-+TszC/JLJkcyrifQegPKXRXwKqZJfe0O9C4rNC7+VlK5Af2wrK8TmPvpFRGb3NA6PqCwPeVXj8Z0VKMHv/2Kew==","shasum":"e834db79cd2d9cee89f9315763c98315f2188ae1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.c073f7b8.0.tgz","fileCount":19,"unpackedSize":65619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSTrPCRA9TVsSAnZWagAAbbAP/ion7aMbFZSrPFzG8vvT\nnbd9jaZwgb1NofKmflsWBTW93/9ABql4k5HgqA2EFqBj+OtcrsNjTYlKqXdq\nTlF0/5pH6qZ+eAmCO11bIe94yYHMJ4eU/OSWKLo79eyi1kBBvbxOh4SeL5U6\nzl9D1lbrFsYrjoxWLeGLhRdoPbWBIMukGs4lV0AgW3tCxJ9GimKcEETgbCGw\nCqEX44Fj72IHQ96KLwM81E+KSwpCHz1bSKMFQfVMdVXWIwu80MwiDg8nznav\neSFDm1bWI9H3xkK5tH9Y18YGGgtHC4NJ0pwhE/yMHbaaqTCQ6HDSn/1I3s6t\n/A0GThcgoX08nB7jcJ+R/hfCmasVnxfiu6LEegbin73MZZU4SZ6/TxDxEZ1J\nTO9h58NmizEOO+IbzOUYkPcpFMrIoBCiWqFLpkDJb6xoNDyohLiY3q3NbXiZ\nLgggMX711wPK14sp14MyY+wZ6rBPxFdxDVhNhuIvKF1dr5eiYekUZ5YlWzph\nz5cJ3hu6CK+uJjz68eX3l3JS25ho52pJayeznm71U1/U1mOfP1ceXo2FtB2N\n75hdSzB6V/kOzX7oNd8xQiUlRAz2W50uGtZVUHO1kTpWgc+1cUi5XM9AsZdQ\nRKpvCXIQVxxReCk6f81i/dVD+pBZpHE9aSOGW3f5nQD146f2zSwJfFWFw+v4\nUeRY\r\n=u7W5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuw1g5v5uhGCZMDJS3I26J5K0gO28xDCuI5FVKTk2gGwIgOAXte+reYrpa5iKSHCLzS+WXhCiQOJZmNwzMuXBrabQ="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.c073f7b8.0_1598634703328_0.8230966859620303"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b7ae68ff.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.b7ae68ff.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2065ba1bc7a6ad7aa6a2c0404136a31018fba984/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2065ba1bc7a6ad7aa6a2c0404136a31018fba984/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2065ba1bc7a6ad7aa6a2c0404136a31018fba984/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2065ba1bc7a6ad7aa6a2c0404136a31018fba984/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2065ba1bc7a6ad7aa6a2c0404136a31018fba984/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-yGzCseS2vFWr6kyJ11ZTzVUB7c837MmxOYNXoNkvPQa6Rx/x52pYyem/D9IIzOXxW7/oRUOpDBqjnYh4fE98lQ==","shasum":"4426911be19cb6520a078c2f1d4f0293e70cd701","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.b7ae68ff.0.tgz","fileCount":16,"unpackedSize":52741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSa7PCRA9TVsSAnZWagAA+UQP+QBu3U/NwpimGP+rGNTp\nDHJfRLtIthVQv4IcXSQ72VnFhj3S/1J6HL+7yWrknvP18S4qSJRrhdwvpnO/\nwwUb2M5K7wReMfUMy19hWD3r3YtmlasJdcPQX15tUxRPPfSGPzJqDNb+TlPx\nAm0LBrcvr1blo5688xnBNxtpdvOuzlhIk7elSX2kScmgCyI0A1Gn0XcV0yET\nJlTdTchq5PibP0KO0RRg0xZAYY3yooFW05JYv1SfzRzTPkEc4RzhNPHoUW1a\nBR7evKrD2HZSmoxM6Ht4b4N7gi1GLu8xSeHSTv8wADyBGc4d7VnRlJkrIiDR\nXcaudU3WO+XDw5a5lkhClz7MTQuy6NhkAy+eAI8pihCIZyC+4wvTHB5Kqbjn\nm//9MXem/g8gI7RVZwp8CRz+QJPppNz7ORb16XVytIzeQkmD9yngfCLZS3NQ\nEZvR/pMF6AZCZMBvkm4Lt/gCfzqM2sBgizcRuaabYOFcCtK5u+4AUmT30AH2\nbhTZyuxFi7VDyp6DEixB8GSgAaB/gE74uRE9h/W6ntm96+useCE5bQZneTCN\neKALObG3l3/BZhhFr71lqzww6pylKk46uUuJFDFkX+oeonGiUZIBx3cIqGvZ\nK0//vo/F9oWG0nFpRX3tAgVA1+5fTRF8GVk114pGnQWGugS7jVehVs4lhLWE\nKAzE\r\n=Q5SF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPo5vCnuEO52Z8F5WM0Ja9PJtNbTXtpvU9tpHEWoK1OwIhAKiuu/7tSBrF0IWlcQpKw1OhFsbb5aeGAy1G54RBP3eJ"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.b7ae68ff.0_1598664398755_0.7585215133133494"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.697e3879.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.697e3879.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/beb4a106ec95684b6ccc8c4af64c083d8462c917/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/beb4a106ec95684b6ccc8c4af64c083d8462c917/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/beb4a106ec95684b6ccc8c4af64c083d8462c917/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/beb4a106ec95684b6ccc8c4af64c083d8462c917/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/beb4a106ec95684b6ccc8c4af64c083d8462c917/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-MaCogFlRBiweIgDAUiWoSDmnLEutAQszKf1BkC5pokkT60/vTk4L5ehoe3JQXr3C0MojqbiC7UNnCILEcOcBZA==","shasum":"0300c3796b4ef6b7d5e08ffd899c3e0670f7ac91","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.697e3879.0.tgz","fileCount":16,"unpackedSize":52741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTuNxCRA9TVsSAnZWagAAbYcQAIxRcqvn5n5UAkav7smP\nl1b0eoglfWn3uQsah/pT7YselpUbm4FnZ9UClhyFaVz4U3wnxs1fKojgX4+l\nftU+AK6gVdxh4BEOGmPVb2AOOeGyPCWeQUUUszs0LpvPhkJXoZ0SYECNXvdn\nsu8qIkdQbeaA8qHk5g28dDJKdE+nE+mqpJcZcl6oUOlwn5ac6QvHO0Uljh/3\nODQ+Y00Kaq+d7CwtrwWr2+V2izuP2DAXGdciJGsrJTuJh2K2zjFY8OjOiHlm\no0UJKEV2mblhI8cAjj0doBGUD8Fs/YWD8sIVYqnpyrnML4LrnQlQvfNRSSIt\nMPhoMpOafkkpxwh+Tu1IS6OeSieQaH1Cge/EfkAIxgbvXKdJz3WWaOiMSc/l\nsXtLjUEBSV0yPx2gws++2cWwgo8qCXL0AiUIMeeIueAuZ8piH5eABCB7jHzg\nDrFuw+tFjy+f1Yfhjy+TsiAXHQC+hdo1+YDhwwucuoQablyUgOSaKFRhrukF\nhmUPOFc2GcvgasU1gIaVDKEB3iJo2ig/zeLQlyH3aKhFDI4OP8PCC5jy7Zk6\nzx9JwdJOZabWGGJynEWA+gKVs1Giv02zjDZWM4r4myafpO37gdbu00lp+6lf\n1zwsqQN472+9mmERUHkWsvO/SxVn1rMrU8G57ymcIMGiPTFyGYRwlWsA54/t\nGHHV\r\n=Jsfy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICzvNTEpjzGeEAFNECx+e8gNRKShHnp8kaO1wNE5024xAiBKThyo9xPe5WWVQL9ES6RbM+YOe/CmE7hsfKkNTOLunA=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.697e3879.0_1599005553557_0.5186692845695058"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.eafb7991.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.eafb7991.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98841f8d9a2c624210fc6f0bdb87082222279e38/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98841f8d9a2c624210fc6f0bdb87082222279e38/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98841f8d9a2c624210fc6f0bdb87082222279e38/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98841f8d9a2c624210fc6f0bdb87082222279e38/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                  | Default                                                  | Description\n--------------------- | -------------------------------------------------------- | -----------\n`--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/98841f8d9a2c624210fc6f0bdb87082222279e38/packages/circular-progress/images/color_6200ee.png) `#6200EE` | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Rjik32dReyj96e43b6LY/Kj54X0yhhXmIlfsCUOgP0vjZCy+579i9SKLqoiX8qhcUL098nvlqS2KtoTO3WF5Wg==","shasum":"f0757b11c9cf6d213430af61fcb30239de0d9402","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.eafb7991.0.tgz","fileCount":16,"unpackedSize":52741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTwDJCRA9TVsSAnZWagAAj9wP/3xl0cf7r5LrkAFVZsyl\nxf7/s+quW7WV1tP/8THxgm35UkZz4hLOJnuuekxZGHO1V2rbdxRvxjd3UzO0\n8SRFV4E4EUQTExoNPR9oB9/h/OVlXun8ffchI9n2BEf73e9s4sJ6uDSuvTQ6\nLBMyRtPwEszAFCt6PkcB8k5DEDBoOGu96HcjzmCjcjhHWjqbFmET/qqoykSL\nqz1f440jcU2K05IRcrAjIA5cJY0MtfQPntOGnakr0yXjH16mw9267xKNRrT3\ndLtFTulHPJwpEvWSa8XbIC/ujEn64a4dMrxwnikvH80AoXWhrvE0W/XAtg8x\no+ZCcTab2A6wP2tBqtQjpnluhgo8pA9U9QLDN+Te1jPaREThWXM7gN8shyYk\nr05GJeKRyTajXRO7E0jMQM2e10oaFXDyonu3bVgMGOJwVx0/fH2UGOiD1jS6\n4xuAAfJaKP7URQe2n0/V0f7Hdw0Fgh+VW6eTd1TQ4RXpikIZkipZO51hAU1R\nwBWbzFFnn0yHFqKGLEIJysJ3gJJR7YtQ5ti7ejY5L1hZ+qVYfQqRnFTZIUYn\nUVqD9NByloYV2/6TvMxgI+14C5H28ePuzFyrUWRKXYS0bqFh1eajPj8c1ExH\n+eTcLeUbE+Xyayzv37+QLbGYsyUI1uoTFNRQ0/ukfrEfLrbBdQgnCW/xvrCO\nyVZJ\r\n=wDQg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF0kF5RXIxtSOU5mcXDGLZx38aPvOHoT1tL3ytndGxmYAiAqJRgtXewRJhaLK6/bnJWnQ+VBBG+2IF9qYfitexPgVg=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.eafb7991.0_1599013065019_0.074224947209234"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.606642ec.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.606642ec.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e02eff9a35c3b9c054d88cd2c45d44ac7d81db14/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e02eff9a35c3b9c054d88cd2c45d44ac7d81db14/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e02eff9a35c3b9c054d88cd2c45d44ac7d81db14/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e02eff9a35c3b9c054d88cd2c45d44ac7d81db14/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-W3OaGFLxwNizLP2aog58PZa3JZtZ0eXjsm43tdBqGtTyhS8yZ5KhmwicoM3RlLjgKy0cKZBDY4O1MKoN2k4mkg==","shasum":"e7cb89f836e795c2668e690f4008de0505e41cef","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.606642ec.0.tgz","fileCount":16,"unpackedSize":52684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUBAHCRA9TVsSAnZWagAAm5oP/0vSxYbkbOcUdZW3UQaM\nLV8SMD9vTsnqb8xKNoppOqDimptuXPKH3hgy/IR3TixIG6vS0bNIihjroz97\n/HCX/E583M5qLIAFUqxzOhSzlamQd8Rdb7J8I0/c0z4WBmZc92IKhhkZVl8v\nUdqHzvTe7taxpEHwRt3NhEzk+QuOYtPxF2RJowJlfY0dyWzgYfwGuowsncF5\nCid0PI/aLUYNGs8z28GrK5sMa8RLyBMo68n7FXSikBc9GMm6FfamHj7cOeIp\nXmTHpOckcZGSgNaStt+9olevNtdx3YRpTCTbBnXQAGYWRVDoEKnMbN2LLlG5\nGzEyUalb4tyrnxUr62qT3tUaWOlCjEeogcmpq+O0qAaLvi+D6dq44Ql6m+jF\nXROkxBWz6RxIrY+cC3cMQ71oG0rHujA9Fe7xNWVPNuvpZDIbuCPI6gMZ6ZuO\ny8ztzZdsR22OvK7PYQ4A7grEHcZy/b6z8Q5KZOlJXzF5n6jhr7zTBKrt7ERU\nqpJn5xPNuiNbDsQOrTYNdz1udBYRnhETnGrrUr7SHRcAle7UBR/8YVFvyDO1\nQ1uJyXx02488sQtVC32NcYIeQEAtQ8HdM1lDMa5Gr9M2puIydWpm1qz2isaE\nKWNpohYueQml2hOXlYeaIkvvF2ywApokPJZPs5pNbZnOmJYjtS3ffU+7Lwvk\nceaW\r\n=aTXW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjY0/+8z6UqMsh5KCEx7XnECBWrXHk9vnpK0YZZ+Al/gIgDpA2aoJGwcPSK2rLsR0iumpjDOEPIsa9Yp3lx3/p0oI="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.606642ec.0_1599082502530_0.14145159910620442"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.ddf05c42.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.ddf05c42.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1733e660bd96fac32b417696613437f27b2841e8/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1733e660bd96fac32b417696613437f27b2841e8/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1733e660bd96fac32b417696613437f27b2841e8/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1733e660bd96fac32b417696613437f27b2841e8/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Vi4YtrfTNJlNPAdMmZTyFSPnBL4R8SKeaKQgknJGczG2V9neffnsqbfCTG7up4LXiKPfT6ytPyL7Ko0rW2kZwg==","shasum":"de00908dcafad5eafa245af7aaaac03d92964cb1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.ddf05c42.0.tgz","fileCount":16,"unpackedSize":52684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUPUjCRA9TVsSAnZWagAAMfkP/iegMavpHIreFpd7xbRC\n/Dusjxdjct9eqGOfYzgc9cha7v7XuyiBLLxVMfhSIJ5NxnfU3v7WJ7tsthQa\nXhgoqlybq2dQsj9OB9vDPxoiC8MaHhThxP3R5UiekQYHBMb9GAZDiwiYL4CN\nLLCRrBBwqbNFGBHk44xVm4Z/Uk7GRvzX91HYf33Upka+39KYwK6Nb9gb0j2O\n0jHmsbMzqWmS7eRp16wVzfkkx991CwRsnB6HbVPhz67PLT33d/DILZkWA4kF\naOV6Pv7wL/BuWxSCp484qQu68lz1LyqgBzBQrJ+HMmunOH+K+Jbfpz87hEgk\ny5oTLN5nL0/jXqieuRZ/puOlPY+5ppVpN1Vf3Y7u/P96stSpZLV4D8OyxxPD\n1Ku8CpjVZgpeGTSV7IpfHRxTovX/t7Sf+Q/evFWKk93Sw82SRd40I3YMu9zr\nexHRM/Za9IDwepFKvr9kOaJzhzXR6vAzOc3dUSSiov1dIcBZAp5htrjk1G+p\nM1sKyQBMQ3XSNMjwNNa25uGr8O7B8J6Dlcm9v02CfmLBmOq4XgtFIBKQuks2\ngJF5RhKWNcqyOgwVbAwGnqQRw8QKmQndBoXpUzMAneIIrnuEjq2gi/tHjyMI\nwiuFHrxhfZm721rjadLB+6ges/3ZkxF7zIeCQM/47/aPZLvIHDXI5unO5Z3w\n5M6E\r\n=KnWo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/l59+n1140aQ5XZXql0+RLHYjsHkdc6z9P4SbyjD+SwIhAJmOrnYtoY9yn7xtuRGyk2JCcE+vTsIRgATLugHT8EX4"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.ddf05c42.0_1599141155222_0.4229800969002475"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b889e6dc.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.b889e6dc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c47011345ccf89ec21a35053b80a0901ab1d6f3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c47011345ccf89ec21a35053b80a0901ab1d6f3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c47011345ccf89ec21a35053b80a0901ab1d6f3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c47011345ccf89ec21a35053b80a0901ab1d6f3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-kziTjTV1zwWGeyUSJ1ZSZIJjtMyMHhi1Dpsipy6D4AfCP/EF3GfMxfxgqc7rhvrPENBht7T26hL2aRMRfLpZtg==","shasum":"a5d2c2976d61cc8258bdbdc2b90eefffaafac78a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.b889e6dc.0.tgz","fileCount":16,"unpackedSize":52684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUPlhCRA9TVsSAnZWagAAFC0P/1YvTW5tAgIjHtiSyKpD\nhGXE4OwzYxcbEIYwVPwyrIar0A+ShtJ8OfHbN7F+nDH9XikT31k1Q6Y7u21a\nBWPz3fiISWYhg3sPneg5osrIijoRCeOgdV78ztpD+oMnBFtakleebEBLuq77\nDdfx/HO2BwYp4xqjhowDv0/MbNPszZK4NT25tYXa3Eh4moY6arXJREOy6KRd\nNkQJ5UYF1jDja+T6M7FxXGav3If1W5OWCP5rz5zJXPc1YZV8X22kx0pwABnG\nxO1btNtaxoFsxUNuchxpZTsx51OJhy6QAIgWfXGEJxRhnkWVy7H/hU5XzZKX\ncnuyHHNtJaOHsXc9dPSnZ1IpJCZECYQ354kiy5qE1gnZIcHrxkRquENuJPr8\nni6GQVDprhrcnOn7+6mBUGZh4boEMvBSAy39dOW13JNJDzsk9t6d6AU7g+IC\ngGGTMkStXkEN/c/ut0gWSdONNajIwTdRTo9ohYE/fEfzcDyc1mab2115S0I5\nFS3fOfy9mRdwwhsbDx5E/YMYduatXg5gTgWNeiD1AovZLaqGNKritfQd8DDB\nKkOSTFm27/ohw3VcAHPR9pG11ODcQoMZU5hSHwohvCQWPNRnmb5K/gMuoSzk\nQ2zmrTKdXpmMst1SEjIP1i9sqVjHWnLvnCtq3pAREbG74iPIkVZ33LsEABkJ\nyBER\r\n=Uhwb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqJGtY/TYs8f5OJRYnTge5HtSCeDD0yy0Ju9X1e1YdVgIgRhuoBjr3Kn369ftgkxXskNqkGTgG2a3UyXe7WnTYsyo="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.b889e6dc.0_1599142240761_0.9762530563000951"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.aabeceb0.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.aabeceb0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f699717c41dd2fd6f77fc62da010cecb621e6991/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f699717c41dd2fd6f77fc62da010cecb621e6991/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f699717c41dd2fd6f77fc62da010cecb621e6991/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f699717c41dd2fd6f77fc62da010cecb621e6991/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-e7jHMh9qEtaFpEqNKuwYlSrpX+Qdxdcz7fmeLluxE3lzZPHxue6zwoSQsv2fkXT4LF8YcLFcPoAzO32lknsZtg==","shasum":"6c819068c68f0fc8f3721f6c830fdfa35be39276","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.aabeceb0.0.tgz","fileCount":16,"unpackedSize":52684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUUqKCRA9TVsSAnZWagAALXEP/0z8hwfDOHosBNmQqM04\niVKINat36crJ/ppxl65UQn2vRTklwrqNiZG/L3MdujqWeTlPqmxBIKK9tARU\nmdR/o2y0H8zPTJZa62dQ9MjvHpmCCVUwDF9dtXRviiKHTd5DuL2lB23iQ0LK\niLwX6+Qw/uDLY4eJPgH5pV/eJ2mSVN00mfchN4zhMKuQQLHWSJCIJI6/w/xS\n6Noj4irqqNaA+HzxsVUfqHV5xwm2WfUQAGU9xhqTraANQ8s/Mm7pVXiyvjit\nURtz8ib9sHcRq4LlPk+bk6DWTqJczVEMTjbY/ktGFWUAojxQ+7yHl5oO0T3/\nN/TJHCdZVFQqISq6go6Tk1/YYu7PToUIIY9eIX+yMe2brgGNAoRnztfQvcCS\nKV6FSED+j97XuFIqJhsnECpQAhj233GWIuPa004Chn0ai6vrei/Q3UW6ioVW\nylr0fLhcRY2INqAJJ1euJjYjmfy65ZOf7i6X/NvvkYuyTntPNrmf1cQ1fjSL\nvhw9HjV644RQIuXzxsqfcVmQsVsDX5TALq/4loxg0wvaAwRlj23FE+UhSIib\nDA0wVsp6lXPUhznLUejz4wxH9shC4q6shDWVk4VlWqjcQ2mYwN/EBDagmIG0\nnrwDBjfILiT8F2GMEswIzyGpd7ZZLAptjojOKDAcFoKdUKsMtiT7p8o+5OJV\nJu96\r\n=duOx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDIDH6ZUfeVQspZnljEJumcNrVQM3Z8qYrN9N/3aJhjGgIhAJLoBrbmvS3qLBsus+gtaZzxxcc0HBu91iZRMAeW9YzW"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.aabeceb0.0_1599163018576_0.5379366585073837"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.d8cca3a6.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.d8cca3a6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/db99eec046a418490ab66f7fa667607aefc5b26c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/db99eec046a418490ab66f7fa667607aefc5b26c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/db99eec046a418490ab66f7fa667607aefc5b26c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/db99eec046a418490ab66f7fa667607aefc5b26c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-T0pmYEr7frlY0pyIEsUHHcv3yxbzehI+/rSRnBqUbbrmWk/fS1YANowsG2QBOVOhYN9zs9nW08ymvpoSCUFwRg==","shasum":"66b1522dba210a37e9407869bc6b70a6b278121e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.d8cca3a6.0.tgz","fileCount":16,"unpackedSize":52684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUWCRCRA9TVsSAnZWagAAW84P+gNfUySjvsKoCXz3ZgtI\nXJwNHOkzBgZmt7V1bGtO4talCuDnJCGMlGiPOKfpyUvrZMd2mh5TetocGKyB\n54uTABfoGQMiFkzcNVjczoyp3oPeyzboYAINgXYPApyvqlVNaUU1nqOwXNma\ncuuElR/X0Ap4km20eYduApO550YQw3ijIzkA9nukMEU9hnS3zhuzwUPigBdq\n0mGDS5mDHXA/v2j8iW28zhUDpqXMylwp8Rv/dE15hb1JJ+viVY23YAc8AhO/\nQeHU68nIqUUPspwN+TdB5+A1+9A0jBJHdds+1he2EnxWALJ2N5ppDskzY5cg\nTn53v9cvsRCDEaFWfV0PZwmNg5M72CeXcVAMx3C1zcZWhcIv973i1/L5RF+R\nwwHPjFmqfCaBhAly2+5d9F+5LDS8Q401DNV+V1V/fmPimnKjZWvZDG1WZuZx\nKgac7XJAeNzaQCZbIa1oqDVPRKcicUu+nczgBh7b4jjjGlvlAGtOYf8zkzVI\nrlyjbaZtBiZbicq1b9gCNRTuHRbh3yqaLJ7Yhy4neOlo1DmVcNbLaeoROzVI\nhy5cm3Dk/QwHN5Qvg7SFri06g+gaHWeIALOvEehutmjU20fb1VcZhuQ/hCAz\nSkiEaczCb6aQWiTAWm2acRbA02M9yfeaWQEXU6gJZF4xMPXR3gI4tUFfMTij\nXP/7\r\n=bR0P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHG/26GWac3oa57JV3hotPRJxbmkBE23A/qiIPt1g26/AiAfVd2M7PGqx2aeATZb6c2yaOVdDwMDhNSCviEApiICJQ=="}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.d8cca3a6.0_1599168657287_0.7278056361177316"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.26d34b2e.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.26d34b2e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52bb6b8fb277d5ec6b66932a0683e4f2fdeac872/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52bb6b8fb277d5ec6b66932a0683e4f2fdeac872/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52bb6b8fb277d5ec6b66932a0683e4f2fdeac872/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52bb6b8fb277d5ec6b66932a0683e4f2fdeac872/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-D1M0FfOr6IEEyO+D9bXf0TyhFHT+Q7l3n739/l2BKcr9+P16a0RCleq2RiOGIrEZfQBYn2p57ms+c/pMIaUlgw==","shasum":"45234ccc48ff664e10fdb5f9e751ace9a647c0a6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.26d34b2e.0.tgz","fileCount":16,"unpackedSize":52684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUWaFCRA9TVsSAnZWagAAXgEQAIibFeypzG3ODK06yX9L\nAxzvGLsZ1xbHTM6PvTNMD7lpsYlt0VTOw28zdxDjDAXXCcZ79nbpSq0FZ1bs\nw+CJ3kM9QXKfiHSoUpLb39PY/0jcxi1y64JIx1YagD8vP9YJOMrWdQinYAND\nlxkN8UhUGjzcDXSpniaG8CdDJTNhAFGmD/ib3h+X69+MUKR/552QrVHAgwnl\nMeMYTOILiT2P2AhJy6FcbbDYuAQF0sL+lMJEceZ1wsplVCXE9ma23QkRJ9OZ\nW8esZuUubb6I9xavo6OFlK3j0zSk8UrsITPs5nsJov/nJzdnWs9UcVrial2e\neOn2aUqkpXWg2+rot4K65cTWKNjNAyoNkmxszWo3jRyHUgAOZOo2YtIf/cYg\n+XAUVgWqA362fv4NjDU54laHrxGxi5GJjFhy0bkAti7RB17hXx6ENmmeMH6Y\nTrxyH44WSNwmBhM6reYyHWpFbpGXE7GjNJh/cbOca2W+NgZzJX7UdrErNHkx\na9dcNbi1nhnNZklN+BN9KuWSJHrNPHHGd7qB+GZi8uRAnLZJG3sdx4zWYtRP\nmjdkl1Y2ciL2AK6swISRXROBWpou+9f8bjtR1u46uocBaCIS4Ry872PJnF84\nHWGRe99lT6SlfaK0ljeozRGXZ1+YZcJjKgCjUpedSVCIT3HftjsjFqdAKokN\nPc7d\r\n=oxoP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6DxHfj3J800HCn4i47El8vYOFqP+rqizl3Dd3YijXswIhAK2Vuw5uoFNzRNLlEfTIajH8sEavQzNlEBGn1czHV40v"}]},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"aomarks","email":"aomarks@google.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"ssuarez","email":"sayrisuarez@google.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-circular-progress_0.19.0-canary.26d34b2e.0_1599170181019_0.9525948042942625"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a1c44494.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.a1c44494.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ee68077e51a883c9a0728019c33ed96d4563758b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ee68077e51a883c9a0728019c33ed96d4563758b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ee68077e51a883c9a0728019c33ed96d4563758b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ee68077e51a883c9a0728019c33ed96d4563758b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UjuMrKe0ByzG5EPyusuxxs1i6AiljBitzWBYZfNZ8KY7yx1BXTa6snpuiV2r9vllVpnU9D06hYUQlabiwBh2vQ==","shasum":"e2bc90c874f4e52cd6c39eeee036e7d8a1eb39da","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.a1c44494.0.tgz","fileCount":16,"unpackedSize":52684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWVH3CRA9TVsSAnZWagAA5d0P/ikN+Lp3nwae5dInPPzX\nU6UsUPeuTpRMqr/lMx0gquTcNmsv8aTERHhzWTWOYuzsgbZKTe99dWgWOFaV\nOG3ySMM2D0cCIvjNmtfoQdyoc+lWcGC3TgVsU3x4fGdRgY5VG8iP1RjR3lua\nHhJzRDPT/WGOhfSg1oE6nLypatMA2+0oDvDmAVXDjLymZj7fciMMogyd57Q0\nL6fSWYO2fPGGJNiRYTLUGT3IhBfwQ25GCoRw+8ppHUODMSTe07AG5EG2vF4D\nhBzLdly9azdsc5m4eRMHSCYldRQZCA44X70gtZDBuvdwWz4YbdUmMUgtjPi8\ngMcXLdLamSS2/z/x5vSDUCS+m5XikcCEIb1bh5keso6pG85PXPLDhm5Qlza2\nQHTf+vdbe7TUsQ3qv1qfhpYCdkWvF6cEXFIa34qVXVnZJghXb7vtC76NvEmx\ntc/Owzfl8FEKqQ18OOTeWx5ScWY7Ya4UGbufplXKYzrw1fDr867Xg96a/X+W\n8N1TEFlq8+ByOC40edbFfV9g+Mbof7NzjydtXG8ZfMcoy2VY8bbw+s042s5h\nRnrMZ+2A8YwGOmY6IxHljIJF5cQwALIMBL0kF+ufglX4ebaaTp2DKgyTyxOp\nTGKchlTmgK5O/2BFQHUy9BRwXBx7Wd/kDrCTdCeuD5ypCBa58QD62pcsZzEA\nw+UE\r\n=O/9o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHNUItgUyNgWAvQA7LlahsYEs3uG2taU6+HRmpIphPOgIgJAzfL31dzZ0ZTYQw4/hEcyv8k1UTI0fbO5389g4u7vU="}]},"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-circular-progress_0.19.0-canary.a1c44494.0_1599689204655_0.4198831042905098"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.be1cd1e9.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.be1cd1e9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e4ece959ee320d67e92b5c9add79f6f7eb4b2be4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e4ece959ee320d67e92b5c9add79f6f7eb4b2be4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e4ece959ee320d67e92b5c9add79f6f7eb4b2be4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e4ece959ee320d67e92b5c9add79f6f7eb4b2be4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-wV8tpxpY94RSwX0doUJp5FLIFX/ONV9MGBvHIpifmEwvKBvextAmSBXO/URkepCuwSoRkWzNymE/20QXORW8WQ==","shasum":"afe61507248fe1b7a41b8d1f1e51a56a39308ea2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.be1cd1e9.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWlb9CRA9TVsSAnZWagAAi94QAJGxWaRObJq+NB3WtXf8\n1hg90+MFJz4xZXXtzmQ6wC426tk8YUS7pGDJ+dlZuSP89IIFNIKMLwOAmWn1\nE5C2CbiLLf01thvty3vOVQ2b4MLtFZDjzN4MbDDbV4gV+UV8B+OrhoPOUBUI\nGxSSXGRokjKh1qZ2LRFCn7/zWAmn6FR576/4SH98fgaetFzsP9x/BKSw2UIS\n7zGpI36zVeRp3YCt6aKVXEX8FX22/eQZS6NkcnOKNtJp1GVhX3trp8wjyQOA\nfvSN1UhQJREndsgCb53ug6mPWN0HQnjEN0xOnEl8EDcNAYhxYsMONLVbGI/D\nb7WlEFu01DjHf3C5D5SKqoIj/lOOFIoL8QyYkF8Xnv0Q8HzND2Yn3Gz9n+i0\nticUxlO4bXwo2goiZKcq3rz3bQed7PsqpnTJME/LQE9fPaowqOz49HQqC4Kp\nbaBDdz5G71jOcWTzY7OG57R2TbhW53FdBoIHJmmxFGMq2jWhMTauiwdU8OyQ\n642tHhqNQbT1DfCPoagtddryzwCrIf0yiZhde+1N0uwb99nBLWlahKNaM59b\nEsC5ukO30raUMoEorQmnINDpJDcK+KwGSd6n7W/kNiuxNOFbgjD3e7qjNBvV\nZ4DcUFmLARztpMw8Sn7J+69Wg2mN7v8InuzF1L06r6LLbKVTtSLxYiKPeLOA\nFbLS\r\n=wxYW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICUh/sInZq3KWXG/JteFRGWqKM9s2ljAyWkdVffzkCiYAiEAp5RdWiduUpKL88eddR8U6zZlnA3NUFxn/T4TTDXU6Go="}]},"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-circular-progress_0.19.0-canary.be1cd1e9.0_1599756028705_0.10099665001099578"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.f094c0ce.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.f094c0ce.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de510bf2f44db6ede47942c88abfee6266225354/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de510bf2f44db6ede47942c88abfee6266225354/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de510bf2f44db6ede47942c88abfee6266225354/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de510bf2f44db6ede47942c88abfee6266225354/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-W8IelEiQEPjdJPhFG8Jf8ZmXNZxWw7JEqLjMjDX6GYNVIN1SIErgVAXkbMjwOxAeWaditmwMCaCeuydrB00rcw==","shasum":"3ec2f667a508fa3e5bfc24c8640fc28fa4ab3f12","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.f094c0ce.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWmPvCRA9TVsSAnZWagAAGhwP/0EVlcv5HBLkI7tJ20W/\ncEKnQYXXPFzOcwhdSt+VBvaRnb9jR/ZX9S+F2hw/CjdcUDIPizJrYZADY+9A\nVIOxt+AZbz6NoUS0ildWQWcBvmaiq6maBLakzpQ0sXzogAM72o4lZwFe8ibv\nyMV5U6CHYkswGy3BraFdXxbnNxjXrf9ZJemC+8evu9kj7Sb0gb+kJz/G51Vx\nB/vduRjrTnfykN4kIycKhpHsIPdhxvmtbjzrntTuQnU+PJf5g8nAg6Wciavw\nSa6jPEbOU75TGbiVHWeb8jFVmGC3iW9ma81T/kmsw20x7pi9sCyNXw4S+uFN\nAqQf0QzF5dHDRBIDPrOhVbQSd+4v40ICN4EMdOjWY084EjzkNh6hrgNqusy/\nRvAaFhq/uqJGYF53WCXHyjfqejVFcADonfCfO8Id+0zSCjrOJlJs7GMLotXi\nUdrPcUNFOZQLdHKAotcTSOpNGUq3Hs3JV95MdixKEPgKK5RLRLBrNF/X6F2N\nAeFT+q/VTvsT797En8AdMo5yyBaJlhdHC2MNcA+gYNx4eM69jYKNniVKOw2R\n3Fz146MAGbVR0DDMTz9r1ON48VjcoQtXAIQhJ+uNmYG73lIPwso95X2PMXoM\n5TFRBMFAszB6WkOY3jdrtfznF95r9oPBtHCahgtlafH+dPLFzWyS83BQdPLZ\nBEBz\r\n=vrEH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHEYEyAYLijMB/An9M9iH7w3WDHH8+sa/F9SY3/umZVNAiEA/fcpq+qLY8m/NXk5H02ltW4nPdCjYAJrT8+Jn745i9w="}]},"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-circular-progress_0.19.0-canary.f094c0ce.0_1599759342853_0.701906691418509"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.c1261e7d.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.c1261e7d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d3ed845121c57e24ccb397b137eccd91a179c1d5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d3ed845121c57e24ccb397b137eccd91a179c1d5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d3ed845121c57e24ccb397b137eccd91a179c1d5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d3ed845121c57e24ccb397b137eccd91a179c1d5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-dvgt+y+nNjSnGxrtNKcHYUVpMgPtvBANqjTnPMd9SsePomnKVNchziSOXfPDy4D3eE7WAY5g5oaQ/E85Ud1lAA==","shasum":"a31e183e4932be7079e613ed7b8d69a7558d9f15","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.c1261e7d.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuAnCRA9TVsSAnZWagAAYrUQAIC8ZjUTbjFoq2Ifg+I6\nu8F8aBBgFTKDSd9KlN3AD4O7uI9Nskr/Y7lUMJ+GKp3yzHecVR7BGlUNcyst\nlWtun7kcmYZJ6rkuGp1Ok2QObRPCd2ov0MRrde8RSwbX7T5K4WSOAYP0YbLL\n3V/6clxCnE0aBHYlvMjQXEkuS32EUIuSk0j/x+8Ffwa4Wto6WSsbo+FV26/m\nqLCjF3e0GebzmE2H5lruHdwLrwwCr+QoeEI7aRLJGLqw5FZo8pNW7qoFB4qL\nGz9A8fjR7pNDU8EQzz7F2kTi8hXIpAIBIF8xvM0rW2Ahr0f9C38GGu5jrW2O\nguy+6lhXc9JefTpZrfqkC5zqtwIvzCO5O1iQGQYmDMxORGZ1NIoAtKwEg6+J\n2GMmG9Umu41N2lSWvnJI1J/Kk3oZqfv7JDHg8zRXApLAg4oCbF+dh1nHIqBz\niVoP/rIrQ9o5SvXL1WDx8WxD2XpYKsWu7qlnkuQssswTq9xIzCSnk/BOpXTc\n/hz8tiaiKF7kBkuYSva3JVR2/FArf/E/pmTSeBQmsFH076iAk7FJ4TMWuNhZ\nLScZPtPcVqreDKHsiTfHWtvFQ7/RDd6G2cByWtEPkg8luM3sx2YpcOKDTR9X\n5ePubHVMPxm5zgdMUFe6q/h6ewlqf6F3Zpufzv6bpR07DsUuR8kxDPqUvUxh\nrfex\r\n=Uq2N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7dJJdojvCeHhA2qZBDv+lmZofLGYc0b89d9lOr5CWCwIhAJjZtf1ecHP6zz9ExGRmJiCUTrXJuO7ssKI64EMCZw4d"}]},"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-circular-progress_0.19.0-canary.c1261e7d.0_1599791143068_0.33202097216575743"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9b39ed1e.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9b39ed1e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fdf88b38d36782496195681d3b1d340ae36fe12/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fdf88b38d36782496195681d3b1d340ae36fe12/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fdf88b38d36782496195681d3b1d340ae36fe12/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fdf88b38d36782496195681d3b1d340ae36fe12/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-eBfxfBMi+M8duac8Fuk70EjAetXP0GFcwNRZSy4YJNbnfzpcdEZFkClRHQybAegJux0jjSJFsQzcUBZPgTCS9g==","shasum":"7596eb64d15ca49dd341ed6e426367bdae955c68","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9b39ed1e.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuBgCRA9TVsSAnZWagAA1GoP/2wkyRqXY4ODbDEGhSZ9\nmLfiWO7FpWFSctk52vEP8hH8qNCMBsE49Qn5OpJBHsupCcD/jx6yIID/YUw8\nlNI/vzx2r/KcB1s2UwgXh6/fOb5/ZC0QwluQIfrI6vymtJwowvYqV1sVy40Y\n1VDSZVafEHJYXUtBIF65+PHx9cRKDr9HgctczM3Nxvv5t0ZycLJOuZQ9TRIs\n8TYJwmqigkAkcBDX5gZlbwOa9obaMj58qdwifKA2NliB50QHuZBXhpHi/y6u\nhL6DIPWyRL4I0jtu1U9XyTosONVN+bCUgVGIVscS2EUOF/6Xc54lwbDFxOrU\ntLdbzXMYVmhCuTI4lXllZqgGM3h1hH9eUWsprPnnEBxk+u38m3hV+YQfB2nY\nnjDO+hLjs8r3jLaAqrI7D6fosXLFMMuKFZ5faOsx++xZaMDAlYbCvnlNkO+W\ntYM2X/qMQ0RElNGYt28xUChpcdhksgR/zQiAj76iTuZUBtOBy20szrLO4aUH\n4GJJud8gpLgXdNY8nxBygRY8Z+WHn04k4DNZuOG62dl9ztjXXyKp7YgQxCC4\nUwQtbZrCFaiSL3kchEhssEI6YAyxo8I9qEqII5JDROvnb2IpkRqVt7l2jsY9\nno4oUstUIo89pEn9Y4DehheT1LpI69RsZsAoPcQFi9EPnbCkapjJX0HenW5c\nYbU3\r\n=ZxkD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyPbhhuiNNr7RsMs4iz8hSx0+Agl+d1G3uQCd77A18hgIhAIw4hqHy4VfimiTtUYE6cF+1JsyJy+pztSv7UUrZl09Y"}]},"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-circular-progress_0.19.0-canary.9b39ed1e.0_1599791199676_0.6552313001600178"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.e67214b3.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.e67214b3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9d09adcdde4c822614f34fd4c8fbf1e1b07e558a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9d09adcdde4c822614f34fd4c8fbf1e1b07e558a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9d09adcdde4c822614f34fd4c8fbf1e1b07e558a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9d09adcdde4c822614f34fd4c8fbf1e1b07e558a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-2BJZ2qDu/+a4GRAawntmKqNLiIDL7FySzkyzVjeCZnxOy0nq1SY9W6ib2MiXcrEQutN3OPUD9AU+BulXbYwcWA==","shasum":"c9c4d435fae9ae60dcb2dae2bd1aa2c48a72fdef","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.e67214b3.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuFmCRA9TVsSAnZWagAAGFcP+wVdoo0PZTUhGif0N9F2\nY+U0YNv0E9NREJXJ2YpBioLZPU9tfewMiIgKETYN2BJO5uHD93b2Bu6VlzS2\nsAPVdhEHfO8d9m/pInZli1+P/0ZPniat3+KK7H2YiIFQW0v83DBMPIytm+uO\nWSTvgaKWAhkGzITW9gUsWPJibYVsvObSoN7WduzJ9h2x5HoHWxiGqz1Y73Yn\nItHQfUIz0oINOF1aBmM8CWvk87hSc+zNNpY0BcEAP2J9ExrupF5WDBO0zI/O\ncSCVP9Xu9qpBNEzGz2h2pWllIn8YUrdsm3O3j5dpkmPCaDyylSZEDLm0FWt5\nTQHiUZ8sstUh+YGDfGqPTQvpKglajLo10YqthDTGQqUcBFC84YgYEFMLfKgd\nNMQvuJs4kJdL872BGE0/DMOfvP7PZFYRZkyXuO/wZdzRt8fjokhvfXCrQcEZ\na3Qj2Opm6hephWc4fFUV2tTWUe/FEc+upj6GZ0XghsLHdv47Xok+5jmVWohv\nJUvCTWi/SMwo3bjvky2bEWdyMt8Y503GwYWlSc5SiSW8Ssfo8ia5ZvxMcXIh\nGjURaV6aRY39CCAL3XA22JZiqCceINV9KhGbd2oNrY2Wgp9l8VzOB+lTvkOY\ndEsK81JhsYlv29xvZsHYoT60FMjwwpxOqZJ03k19VswMX9+9SybXbhS0vC42\naS4D\r\n=SfDD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWz+qXpJZrV78sD6b/wIFl9WSBEBagpWcbDhHKZg0/KQIhAM+Dq9aSyz775ROOCRUW42o0kPC3eMQTm9J96GPfIh+Z"}]},"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-circular-progress_0.19.0-canary.e67214b3.0_1599791461814_0.4770366280538083"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.36f5da28.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.36f5da28.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb828fe61bd1e331e8d6f63a24f6e78d58858a93/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb828fe61bd1e331e8d6f63a24f6e78d58858a93/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb828fe61bd1e331e8d6f63a24f6e78d58858a93/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb828fe61bd1e331e8d6f63a24f6e78d58858a93/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-iFyMMkuZV55eXD3JXRkavV9WuFjEsE6VIALdFIywXEubfnvTP6IK87Yv82T/Z1r4Xun0lIBPRMzrxtynEW9hTQ==","shasum":"2d951d97483f22032b3942547514ef8d50b43be9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.36f5da28.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuIECRA9TVsSAnZWagAAjWMP/i1lUgNE9Ngl3s+uMr7q\nbw8PVems0Gh5xF/iPoAnfGPazvKt8G2jHsGAbDkLgbvegcOIl9X1Uu0CM8Qn\nEXtQGpM5Fvl/mG3+3ScWoaq5LQsF5kIllkQsDeFG5Gnv5j37/MvRryfurHpR\nlZJ2u6F+Pd5m89lUo2QJ+ZhuyN0BGW7OoGdgtEkG4iNaxMu1OAePZyvxlT0g\n0A/J9HcpCvDMOPAHFecVT0ziQ9A86cqh18Htz6TFKe+eLqD0hVSC/+Oj/0Jt\nOWXTmUsOhrXk6pwdXo8t4E2QOzCHCBr+qRJUmxk7Qyg8eV8RoZkazayCQ/Is\neuu/V05PG+uZxjFEz8NcZ1ydVGcMwyqSe2j2wqVHNe0K8ionlOUJCcaTIfkM\nxW4K/B6D7S2mHio01K/W15P1X1NWfcowUH2I1Hb+6fghOvzKUm/W0/ZFD0m8\npcfKG4Aiq9Ab9+Vz0qn/X8MvPnskbzupC8KFAXuNwLBrMj0HvfJoVsKmxVDK\nOU2jy8RCSwdZBCmNUNJbNyq7GJSA+GSUMIQ5b/+efgJDJo7jRi6qsfGqqSVr\nGeRDqMIVpy8Yt0BfQAq1bSdmo7EwD/akUxXQSZx0kh9a8ALWiVajgvtzXuk4\nKdc3MkfOS5Bzw1oA/9qExeQmR/59ehg7bnY+l2kYnbigDitJTIxP0lemSXVS\nGN/G\r\n=Lmsp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6alc9J+k+fDWi8svtCEPSZ2DCIP3WyS2BrA+DizAvrAIhAIIhKYWvHiK3xZFXnuCKoI7wlNjD0RC386DRw/mS9axd"}]},"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-circular-progress_0.19.0-canary.36f5da28.0_1599791620419_0.7923845551002475"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.3babab12.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.3babab12.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c0abab82c4079d265dbe68e3b3ce3dcac8519b4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c0abab82c4079d265dbe68e3b3ce3dcac8519b4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c0abab82c4079d265dbe68e3b3ce3dcac8519b4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c0abab82c4079d265dbe68e3b3ce3dcac8519b4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hddInB9KpeAFAjuk8vzBl+XtD/oWsXrnoWLw7kIPCx+CUA1lrZTWTJayPNTTzo3SPlLyoaKXBDxP2bJUOkajZA==","shasum":"f141ac54d00a7d2421381b55cc9ea13e8eee98cb","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.3babab12.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuKuCRA9TVsSAnZWagAARyYP/i9hseY47Da+7fZarEVJ\nZFnN1GEudyCe/1Xnrrs4oq50bRXRXPN24hp0XONK9BxTGylEiWZFspDVq4+J\nwg1evzKfkT9bFlFjoh/zqyuktt1FaWfDfnqxU99CDrnsqzqkz8M6ZRvvH32P\ntDbEWF+GtIriDBY1jDD/5zlmgrGKmPLSnfB7KPoVZZvLJrvickfeHsUhQV1G\nlkU2WEg/N7QPDWyHVJxHmhEXXc3qcKUjFkq0IPRPMDrjAM8XNSO0h4eE0q0X\nakneSaXkdac/+98Sj/u8MpmYff20XyLHaVCEoY/HItWsYTht5/8oN50S2tfS\nbpBQ/El+ZXK46y5P2MMJ3GAenTsyfwFa4vS2cFkn5Mfyme2/nelffn2azuBE\n/WNcnBS1M0W/gpAv0GjshGXmp4pTczZYjG08nZrV4SpMGbg9xqhQDXpdtBQf\nBkR64W4wbNGoiZP4MK+sKuKc5+DQAzpmBcGdlBO0gp4NMaHA4hhn6GJP6iHo\nGeQl0r1Shoj7eQS4qdMkLFXy+A3pyWO7UJ0uljvpsgSGTU1LqQ2EccMY9zB+\nwyUYWFN89qJw/AwhmWFmbhjzq16X934ZGA/Rn/dwqeVhq9x4U2yyo6BeT5LE\n8JNLDvtRIA7JhRFUgBADRJAXbiZXfqYKGxONL+MyihsIG4hMB8DJ5e9xnygl\nFszf\r\n=507P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6vxTxR9/8BAdgAuvHAZXRgf/zBKfW6sqWbZcMWHEu7wIhAN1xW3oqdHcbuJYLQV8Q1Jo1Y5Fj/rFdple4Z9VA8jgz"}]},"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-circular-progress_0.19.0-canary.3babab12.0_1599791790297_0.4990389392867729"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a4481e6f.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.a4481e6f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de37747ea53bd97e6674642d17f239407a14ba71/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de37747ea53bd97e6674642d17f239407a14ba71/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de37747ea53bd97e6674642d17f239407a14ba71/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/de37747ea53bd97e6674642d17f239407a14ba71/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-mbfelcoN4POPSr/TVCTR3EgQhlDUHQioDWrk+IPSObz1lOg8giWnSOFg0MS+ZyWjFW2BNYCBOaosIfbBzFiNJg==","shasum":"8dee2ef9d88197a34aca9eb7196f2e14837edabe","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.a4481e6f.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWuWOCRA9TVsSAnZWagAAhrIP/0r1fuT6CxogWwO4LOki\nFiMzrE8bpBNMrSt924Jp/OmGlgX/0nIyt2zTLO8DD02mqiriBBBg2u0Gs0dx\nWQtwarjWxTWBG5AtJBPmtRYN9OD5XbuTq50Ukr6yY0VAhji90KXGVmzGDpb3\nGWtt4jOO/qndrv3l+wP4MqGnSxjEUy1150mB9g4SMy5RJoHE6mxLMZEUplyE\nfNVSlfCRGF6ULXBVC6jDD+YdEwZlSNYuvGigODuHhJnFDsJA5J/7gdIy3HMR\nl4cl3dAJP/DG6ffuND65cCbYGHLehBktemJOT0aKrVkKR3r8J0K4rhh9h1BJ\n7fNId5v8iGpDBBZASweR1BzCIk7Yx7P8IAplql7kg1+4dfaCO73p6yCklf4E\n7TbqDP7pZ04p2nc3l0yMNIC3QATp0uR7BogCVnlQCFvklPicExp2htJ0JpSd\nqXjS7zQXo1p69qiPX7ZVWlCcfUSoWtOVDLKZtwmh6+jdUKkdFzoSaWA3sDNm\n3vTlZ0w3CpZBKtGnV0xZ2VIVDUztaiOsH/F4IGVDR4V5TSLxnWt9Ny/NFJlS\nZLKUSR6+poPzX3nB9mFTnLpZlqta4H3K1u8139XdV6i6deQXMU88tgEgx8kd\nWMSWlYUcsRxveZQIIcR8SJEbtOUYl9P3IIttpwmBMPg28G5ZYpBhZ5JRwjPN\nYnn9\r\n=3clZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4gUoGNb8JdPJCw4uXjrQ4NQzqhF9b6CBpT+K4A9+LDAIhAJFeNLVlHHOX54B+xbM4tLyKtfE8zlcdbUkTdteIKLy6"}]},"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-circular-progress_0.19.0-canary.a4481e6f.0_1599792526247_0.8002243436577712"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a9177836.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.a9177836.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/172468b3d6a388a8fa5360f5754a4a7dec5b878e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/172468b3d6a388a8fa5360f5754a4a7dec5b878e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/172468b3d6a388a8fa5360f5754a4a7dec5b878e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/172468b3d6a388a8fa5360f5754a4a7dec5b878e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UzUlmwP7N38f0oK5/aQN7bGWy2qZiqtWrij7b824QZb6HD5eYkcwiJeRAFzPJYdamhuzmhEpNsEIN6Y4HuxLvw==","shasum":"d4191c39413f8f23dac7b92f7087587b2a99294e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.a9177836.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7gRCRA9TVsSAnZWagAARd4P/1QzJoUcSCFsdyWQT30P\nckn8B3kHUzZpiXVFsXlrSzv0SxwOsBZX/1T5Wk2E1CO3d/FfevtJpCqiezEU\nWFKYIhkdL8nH2FIlW8Z3BWe1GepnkCGQGWsdfiENen4jeDQVdXxF21SfjTUC\nrQTRzAy1ZUic6QoU5li04E6TJayyPnuDoTt+B6O8GFuEQZb1NCrbxt9ytK6e\nKBPoQ0EnmD/s/xcYkOvpfyZKX4Wpb8cI36M3aasnUa6BCSTFsrMhRm1sUKct\ng8u1oEqa8Gu3WDFiZrMwlkJGLo47EZR2+Dz/BYL667x9yY8SwMXTSECThnSv\nclpzveSYmNtdDLH7tHLNrhe8hn2BM26T2r7FDvHarnt8/5Y7pg3/N7sSr7Ar\n6jlcMu5FjyCs21m5bV1pi/Z+sxkBuUMqY/mKg3Y813QiKaHNGRahHeK/MS4M\nIZyXbZDNxzPI2MWhDBfamIQKG5B/+FilDT9loElJm/K0a70QgN4KE682G5RI\nRATWJhbCySomU33acXvh4U+HB4ARcydCJchrNj7bhkqqu/ALUWRIGXlPQjud\nZPeA8+Q48HVkNsGCWVNSanQMqpGu4WnVPDr3tVBJuz8Tu/IYct9LzzlQoq5p\n87Hza9DbguhignQm4pJuMItjlFXDTGhc9Dr+AFIWeCXtHNQtBmzUchm8anHJ\n+/Ol\r\n=nWSD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDBi7HM2JQ5LhcPrL6MiQ35xN9feQp7/4zRjSh/EKemgIgYIhyQe/wdpa8VvL8yiz1/53EJTdu1YQ3te/yAdQcP+w="}]},"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-circular-progress_0.19.0-canary.a9177836.0_1599846417354_0.5153341270796381"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b102a3c8.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.b102a3c8.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.319bf66de.0","@material/mwc-base":"0.19.0-canary.b102a3c8.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6e9858879b6405bc690bd677e308d5197c609741","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e9858879b6405bc690bd677e308d5197c609741/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e9858879b6405bc690bd677e308d5197c609741/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e9858879b6405bc690bd677e308d5197c609741/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6e9858879b6405bc690bd677e308d5197c609741/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-kSOeRgU2kXnP6BpbUq8MSjpwwz9a97PGYR8JAO6bgWarGQY/hsJ4Et84VCQOt2QC/z1u9W+9Dw2VS7mSRpzPmg==","shasum":"fc73e4cef51ca7ab8018e7accbace58aa3d567fa","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.b102a3c8.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX867CRA9TVsSAnZWagAA4lwP/13di8hX1Ax+srnjWWB+\n+nS6ygW/kd6AzTXC1tgThXMt9iNd/zv5hvNB9/4Gi0VES70jTKXT9lSlfYCl\nb0X3ljksew06eFkOOEjQo20eENK7Lfs1hJLy6pBIN+c1OwL25mraJdevuxmz\nBlCXDXMA9Js0XZEZKeaZjP+kXgeRMnEm+2Lpmj49HCllDlBXx+/j4+TvTdLm\nkPPcBAwVWq1iGyo1nIVXP9n4RQNhImkRELVzz2xpjdG1aCY6zSPkiMBF42Eg\nHOMXsO7Y163ss92ev1dGeSv88eYNnB9/1uP1QpImlQQoSEGa+m4+DBi1d5RR\nformUsdga0MfHYI4/8D3L0SghzIKaQ+uOKhn0gi3H1e8uYvEaObJpKaiA0bp\notBoGo2l9gOTHVZfxFQqZOqvgPml/+So/XycXdiAQWf4BPF4RSmb/3xdLRH6\nOS0MXwcMwppCGo/iG9gc6W/agAjcekyWOe64SFfYm2hACerNwRU9aF80mQFI\nW2A4PozhUvAiQD6fAA94jGFy1ip95bTpDrK8gajthNVuMnBmg+rG+jF0emAc\nRhp1AYv67zrodm5jxvcw2nVK4HJQQhaF/crhFVoEXgcO/7yjMJhDqEjb8wJ1\nTXN2gVfhPL5oVpp2Yr294Lio36SBQ3BjaosFex4eSbP+/woVmJlNlbPv9Nvm\nYor4\r\n=OzlI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICbi81Qk5wz1IvXzwL3U98NocIodU7rDopJJQa1nB+n6AiEA8hiOVzBRostfPWgEiWO3ApndXrh6JkA9dvjq2UMJo/I="}]},"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-circular-progress_0.19.0-canary.b102a3c8.0_1600114363416_0.9623385798896087"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a7fbc707.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.a7fbc707.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.319bf66de.0","@material/mwc-base":"0.19.0-canary.a7fbc707.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"02e804c299cde57ab03b33a403a43803fa9868dc","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02e804c299cde57ab03b33a403a43803fa9868dc/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02e804c299cde57ab03b33a403a43803fa9868dc/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02e804c299cde57ab03b33a403a43803fa9868dc/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02e804c299cde57ab03b33a403a43803fa9868dc/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-XCwPoDXHOnrpTA/ZnZvx5pjqXr4BotCvIUaaW3SCNBvGz/SG2KMmca46Gop/151WkkF14aCc4g0pdSLn9/ZjBQ==","shasum":"c96d2c1956b45980bfe9dce0fa664db3d74fef44","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.a7fbc707.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYOYpCRA9TVsSAnZWagAA99QP/0sYA5iLjsg5pfPhru2P\nDExK0LQCeXWwK1vB3VzwmZxv4jCnn6myjW8/xEMldY75eimoBfF0qkhjB6TG\nIB3zoAIZeidatrgLgfMptMvzs4too3v+dvYzfRYHntestWe2VAFHY7IYNAAv\ndD5q7sjrHdiYd9GF5KCH6g2B3zz1mHxBY6dgFnDRkrHyHq8kapLaCnXa3pPB\nZxoeWuMQJ0g4fgLBMW6TetBVY/c00gNYhuxA5gnBL5sk1Oh2CUHhU/dA1Ng5\nQpe8sdxXlBuzxZeStnPC0e0+rnkJjCOtMnelwTn1yQLZDMZIN+r3Sg+PZOXG\nK7UP4QCWx8ULwHJbB3RbkpU4xU7BA0GZbfJevDWXAkaxZgaMXBJvKLRNlqX9\na10lK0Awx8bSJMLayqCMse4ChxjlAiWllTSvwdjDnKxy++/UNEXot6L4UyCd\nWHt5HErWAvyrYkkxZLH/aDuoMIK7puZPZrbOy0j+MGSnxjz7bbfxzhMm9FkS\nJ5qff+92i/eG2xIWYVJO681mABcgmUYpuvi3zrss8uPfsPwrSWd8sxDtQyxR\n0PuG/HmokaPDOEpi1O1Gq8i68BxOSUZPcsDVkmJqM5Cphb4JC5RyTUFDpLvu\nDhPUtsT2pDBO380+iOL/B4Yu80Ro9sksr83DwSZFhoAH0khSokRqAoFIv9aN\noIJv\r\n=b236\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8/WN9po5f1k4+Cd5h2qfDC/uo8oqRWx/h09kimi7H3QIhAJfO7JbuLvyWJxQILfGAjAW+IdDOGfKbzfdGnmJYj8LC"}]},"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-circular-progress_0.19.0-canary.a7fbc707.0_1600185896821_0.2122839382751862"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.ed6b8660.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.ed6b8660.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.319bf66de.0","@material/mwc-base":"0.19.0-canary.ed6b8660.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1367f8f205fb56c27d6146b261ef87d62751f903","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1367f8f205fb56c27d6146b261ef87d62751f903/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1367f8f205fb56c27d6146b261ef87d62751f903/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1367f8f205fb56c27d6146b261ef87d62751f903/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1367f8f205fb56c27d6146b261ef87d62751f903/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Gcva0DsooHUMHKtZSQMgXQ2d5IU9N6OaCNpHNlJLo3gR+0VmZbw93C6GuPgZtrdXcE/dIHsP9+3QD5xgJvSLGA==","shasum":"c8296e42f0e74276377d371e1659701ce0e80d9b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.ed6b8660.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYPjBCRA9TVsSAnZWagAAxxIP/2kjnDyB8rHgJm9A/yVI\nEB4RLB00O4P1fEcaol5Mu1mIMJ7fb24KKFVLGrseAxodbhzd/4zPi9eW8RNX\njq3dbpzEct3kP5Rh+fEApq83Y+FdJQOfz92xW9vcyGl4THSm6x7CtgIGV5xm\n5H2GOfxTDdkSW1U+FoUaeqDqqJj6Cgjw2r0NlE1oIPkuMnf10X5JZLCv0co5\nLDXALFDIPCR1g0P82DAOSU1s96Y15KJEvg1Xc45k/GzMgXWzMsQlo1RFmieT\nfNtpdwp6C+lRGWh+6gKqonQyDkFNGbT/f6kXzwRwfuwA+kTL7mperQ9n1RlT\ncBwfDU9BCQmurAXrwIuqrgeotWQW/tPtk8Rb8c+3aBOxGF3nollWjuc98JkU\ny7aL5lkjkA3zqBWMDkSEDUIltPJ3hAJlxUuIUbSY4sdMeBL7KyYwyTseoS3+\nwOhHc2UhR0NxeASBQ3X+6BJN15J89/y5xn6+ZOc4lxJzKH9kFEyD+1XSG6hF\nHzUcJoCang4NA77wXCsL1ebXleGY6rkXZGpCTOK6gIoNnXbAkkvY8o0HFslA\npRnu2674+E14jQ4AS5QLEPKZJSo/cwakysz2RV5hUKX/MwX9KI9wAzP5bALt\nQ5UcJ7WJ7+NmJ6yq02Z043RMiMAsLj/NyWHgRvcQKaRU2qoHDh4oySKMIGvV\nQrO/\r\n=t+o2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFiGHelsHvmpOzoMJm9kjYr8UgyCFmhCJr2OnBwyFDHIAiEA1/Uv4c3A6cl90XoO5jX0AggDjex3jV077UEKuwWQmmc="}]},"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-circular-progress_0.19.0-canary.ed6b8660.0_1600190657061_0.9575778630629925"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9c2331f5.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9c2331f5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.319bf66de.0","@material/mwc-base":"0.19.0-canary.9c2331f5.0","@material/theme":"=8.0.0-canary.319bf66de.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"59f9c402cf61ed25b9563e2c228a24b4fb13e1cd","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59f9c402cf61ed25b9563e2c228a24b4fb13e1cd/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59f9c402cf61ed25b9563e2c228a24b4fb13e1cd/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59f9c402cf61ed25b9563e2c228a24b4fb13e1cd/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59f9c402cf61ed25b9563e2c228a24b4fb13e1cd/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ghWdO9Sp/bL9ucVxWDDZ2xID58AzzN/TWw4/GkEzxqGuhKORvhNC/JONff5UGqHuYzlQvyOE8VqVPn3BP1PW9A==","shasum":"b95c5c73776c517bbdbcb37f94a5d5a04ddd6672","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9c2331f5.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYP5+CRA9TVsSAnZWagAAnQEP/2XzE0s40febu6zaZQ/X\nr+79hdWK/JIFQm2Qj8Coa2uaSR1UAaUkn49sUdVm1PhPhrvYmRST4qxi4owf\ngo8qYpDuzE80vvZ81Q/6AdVq3RP7Vxy2tYfgnNbKe9NX1DWXx4/790s/oG8a\nw7EFsqdJy605WeHG6ExrCNale+qPZeP29+jYTEMvbldGDlQOo2ul8UJz6+zL\niCTgoVkL/JWJMjGjCXd7sryF6k1F6pV/vKkaJWcaZBh+bZayRx+ifK7j04OJ\n0LIjMT5ph+yOdIl+V4Mq88fbpJ43g2tLRf1l6SoxTRyprvqYj1FmJRHetel/\neFYlAebUe/UgHUWv09UqamHlHiz/znD9EGTE5xmf+J+dxxhhM83qyqj5Gc3W\nx5dGzT+6S/xSbo5rLYryDN6fUjfpnXDLGbPmZtJi3MOcJHV9fetLmlZpgTLo\nprMrXhFtCT/uslwv08VFYvGyIWHCFJloQjKS8bmROqK4iqBcFQZV6V4ki5pd\n74rvpcwLofaPp+q+9+WhCEdcd/sMTKm5xRFXr1NcJaOIcTnFyTy2rqnGGhts\nEE6cGB/12iUKHUdAWFmsRKIWj/R9EsD90zFHfzgDLKKjY5yPwbQYrxY968zc\nW8jLzDs6PtlG1EiFLsXQsyPX2Xw07bbP4v57XKWk0FM7/MWanLsDFeo9RIYn\nW9UV\r\n=7UJ2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuabnVOI+8x9K29Hsf4G0ZuILTVSIuIO5zQngiNm4lEAIgJGp+fA0mX1Yqk1wJfj38+YKcbDhGAirOv/aDqFoiA9E="}]},"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-circular-progress_0.19.0-canary.9c2331f5.0_1600192126494_0.5655706482033385"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.63a5f088.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.63a5f088.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.a831d4799.0","@material/mwc-base":"0.19.0-canary.63a5f088.0","@material/theme":"=8.0.0-canary.a831d4799.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"e26f8baf20e7e3a7056a6b95b14cbd94c380a1a3","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e26f8baf20e7e3a7056a6b95b14cbd94c380a1a3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e26f8baf20e7e3a7056a6b95b14cbd94c380a1a3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e26f8baf20e7e3a7056a6b95b14cbd94c380a1a3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e26f8baf20e7e3a7056a6b95b14cbd94c380a1a3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-dM2H+Og5gkrWjsaZiVZ+gB6hNdge4b4acPePlb0ZNgov/gLKoVGr85mI2ANSZi2wJvPmBLcdEcF8TYBYKTmxsA==","shasum":"069650e011a7dd199b6dacd497f391880595992a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.63a5f088.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYoWJCRA9TVsSAnZWagAA7s0P/io8hZBaIhR7PKCA0/fk\nI6Mk3q5UQax5hjGCqwVI4gRX5m6l6qW8/XrPqBuCB0ze7qJLJKgsxDw4L/Fs\n82i4FHU1q+H2sn/MmXShXH/dC6Tdys4rhAk4ZoNbnj4ldyrnt1LSZZ+i74Qi\n2+tltPhM4DFyCYGAq1wUyuFFRbHzCI4wtWi8zQzJ6j+4Z1F2EOU6RyU7BUsv\ngRUaQTKXYdfZONfY8ozVNn71Z3tReckcLuAjU+9n9HbSyeZNBB3t2XOG9bGk\nGOV7dZdh8s8YfHQfprAN7fKO4idmVxH7q+ymZmcyMDMhucmnl5DB5XYmQj5/\nCnbKs9bIfClJNVmOWx6LHwvw/CR7Fae0Xuuz9cu3dx5xYYDB2wZvglQOjWhZ\n2K0xxNXx3HHnrW5WVFBEM2RhP+VWyUBIBF7in060e/4UIRwb0py5JeRkigV1\n+GsqcfyiK0L+YjzSkdQRkUwfrzJlx74U8bw9Gk9WdZfagvUdhkJCzLRfHbhF\nCG9ZDgB/6UQbbnGX+Jb3cxqVlPPFI2jQRoXV/vIyhFaVuwSAOQ8nR5pcHevS\nHI0KRM6Om7Zr7kKeKimvpuWhO+9aSJwz/L7OmyLoK2I8cbVb9SPJqp+DK7F2\nbns2eiPG64+5MHAvSakge9v4oUKEzFEJyul9/eSl6Yf2ipfz30lv7MN8SPKf\niYWg\r\n=WuZV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGP4FXAn9FmYp6fF70XUVbZQ0q1gMoen3LnTnHPLnWm+AiA5vGsC0V8Yjmf2QCrhrJlXm4U006QnL97ijJM8EtH9bQ=="}]},"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-circular-progress_0.19.0-canary.63a5f088.0_1600292233291_0.18429010566721282"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.b7995e49.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.b7995e49.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.a831d4799.0","@material/mwc-base":"0.19.0-canary.b7995e49.0","@material/theme":"=8.0.0-canary.a831d4799.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"18f169aac3491f89184c2463a837b86dba845e82","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18f169aac3491f89184c2463a837b86dba845e82/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18f169aac3491f89184c2463a837b86dba845e82/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18f169aac3491f89184c2463a837b86dba845e82/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18f169aac3491f89184c2463a837b86dba845e82/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-oLt5TTjtoOMfLURh+Jlf2NHI/LYIoP1dD1JzzYqKkSbtt0FhqTjRJpMmCO8JL1qZa1RagY+auZ3KxlBuh0fSUQ==","shasum":"00fb051e3b25c746c0409b4e8eb7bc926ec61917","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.b7995e49.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYp8ICRA9TVsSAnZWagAAC9MP/3qMjoVyEIaGuoV9LiSO\nRPaoEKdZt7f/JD29tkFJ/GtsVfjQCMLk6/+eSUJscjFfmNpuqmpP3/32464O\n+hqvGluZlRZjR9v94vl7yHNsEDKDoSZM6BTuTjpHQNZi8LQAR9dxF6DtC307\n3DQM0xLOqwcbZXqfsqde5SOUXDWZ3BlSMdcRQNFQvsbhIgS+Ic8Sh9VHA/FL\nNV6Adf0z0TpgNoB/IDaArPjUghvObbdAJTTBfQPZnXEOY5ZisLuk2KDYpChP\npNye7HpwoBKXpZL+l9IwXsW7vT3S2l3ns22IqwzQaSewamys7qHuQKqV3hg0\npAuFYXv3L6WBj+SK2VDauf3NLpXxMgvFi7cc9Ep1hDYCVcaTyavclAHCdhHS\nghDwdVxnqGMjDDFjxOSnUN/v1f6a9suIc5GoYfjg0v2s7/n6qYnYENd/3pjq\nZB9hOEDf5we3lHCt7wemOPi3gFzKgQ2hk7lfQhK7WJPicXa7aFbMuTtI3QoC\n/Lf+d9yTxIwVg9oC0pE1QViwwodHarKoKZLlb0UWxH+dIZGDYzft2D0qy06V\nwGPJTctsqpoQC9BXSCJnPF1VdiU7EBfFlbRhq1u4O9P3sBQxc845wzqgobA9\n91WpQWlYJD9O2T3QoprGabp7E4D+YFsPaQgjWk4ioSFNhlEnniiIEwcTWjH/\nWpKu\r\n=Vexi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID4WZEisMia24SSHmBOxk/FCb06uWgGj4iN9QJwtXYEjAiEAm/J2UMb+kHwqFS2UP7kfkAvHe2pf4lyllmijdowSLyA="}]},"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-circular-progress_0.19.0-canary.b7995e49.0_1600298759913_0.38493509771190193"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.0da3ec97.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.0da3ec97.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.a831d4799.0","@material/mwc-base":"0.19.0-canary.0da3ec97.0","@material/theme":"=8.0.0-canary.a831d4799.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"5f18f76403ebea15763db5e696b84d6d20a3768e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f18f76403ebea15763db5e696b84d6d20a3768e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f18f76403ebea15763db5e696b84d6d20a3768e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f18f76403ebea15763db5e696b84d6d20a3768e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f18f76403ebea15763db5e696b84d6d20a3768e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-7InbAny79o1UOJneG7jyrNzWFmIq5ROBUhYcYGrNvkUmI50MWG0L8XfIZNfy4sXnXTYor8JJN+5jHYxapvBZIQ==","shasum":"b7b2533cbaaa5a5083de258d72fb59fd75589dfc","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.0da3ec97.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaSRECRA9TVsSAnZWagAAi98P+wUPSZHQGVX8fUsiHsV4\n+Oi1H6MrvfnoHyzh26VcIY7NpT6pgfXWk5RQ1eIcmVaer1izk0RENiAR0Mzz\nEe4SMnZNRPlmmOw4zJj3ZqUm8IV6LO2BtK6V5/qy9f4LsY6bzpSo5TzsNYgp\nJYJjwGhFQzqKpZXaNgBE9Rx+4Py6CUdnu5hSoA1obayv3HopP2csoytrnoq7\nKfJ3MgjmSmV4+5M6zKzsMiu+lYf5kcMuN/AfBBF3mAPnZXhZqsDA5Apyw3Mb\nT/fHOsgjbbaFdlJP1oSh3X1GUT99O4g1fiE7MPtL2Qne399VnYlnNB7HUVLK\nelyeRLrbeunqTdVw36jS5R265q21YAEpwydm1oDl/Y43/jxHrN9wPS5mhZM6\n1snZtCJjsd7IGwIO3+HW7i3f5G8t/2xxekGhaiYVBMix1Tzx9678q4oIbBpI\ng1p6dKs2y3YgwuKqCrPbTxQksCnvfD95vMhPCgMIeYQOXamjK4Z2wEw+5P07\njL4jQjFU1u/TXHcPalxwpoa7clL3r+vnTpG+Knp+r7ip/e6BdeL0rIgCRZ/x\nD2rnx1JYIkmCEfhzCdLCsU9+wm3Jn41Cd0VUjEo9Z/PfJu1lgG8rJ4T2E+9g\n3TOXgR2pwkap37Xm9X1D5xXjcK/HA34qBjetfpSTZswkQfaywma6c7KEcxU6\nYk1B\r\n=Z2VK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAw3j6Z2Ezn93h/KN4rHjMF06Ewsz23b9yaJDDhp2ocDAiEA4BWmQeL+xScMoU4LevKEvWj6bMvhPuzekrSeyjpkvaA="}]},"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-circular-progress_0.19.0-canary.0da3ec97.0_1600726084359_0.40697722594206476"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.a0793c96.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.a0793c96.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.4e5c350c2.0","@material/mwc-base":"0.19.0-canary.a0793c96.0","@material/theme":"=8.0.0-canary.4e5c350c2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"4332e148b28dc28d9b324306eb18987b31a80ca5","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4332e148b28dc28d9b324306eb18987b31a80ca5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4332e148b28dc28d9b324306eb18987b31a80ca5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4332e148b28dc28d9b324306eb18987b31a80ca5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4332e148b28dc28d9b324306eb18987b31a80ca5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nRDJwKBYGi84ubt1AXl8L5sK385TdcxjImbLe5RsDiwadjtNSGuz+k6s+JkvJoZT2bphnA0BM9plMqFxvp4qew==","shasum":"14c83266bfacc7dcd10b18676fc4650d49645d09","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.a0793c96.0.tgz","fileCount":16,"unpackedSize":52722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfai59CRA9TVsSAnZWagAAAHQP/1NWKrcDaOuNEK2BBymO\nvoHIirFiJ9qpkh4REpaZSAiNdcB7ZfWUTs+uYouvV6/CGeoS8z4TXpZhFVbC\nOG2uymQ7NnwfjTxJlkV+oZE6UVCQiWYiDOhc+KWpmwMStgAm5tkKzK6sVzIQ\n/7UUL82fsOLP6h+MqmNxj4fqnyspe57FYlW3qd99GZmzrJu4KSpE4JJ7ksrr\nXoeSjIJfG7Fu6jKC4890D0USjcQA3AKT1nWyMBYBUgZJAK7rpyqyZZgE86Ww\nlsUQkfIKpyUd5asSiWIXtrycYqdYE/0d7xhMyH+rUY2S/5KbuEicF/ELxUTb\n30FB42GObYTnH8usFCEk9O1bPvhxY0jgvch8yIpD7i9ZNQGses7zxTkIN/Sk\nB7GK5Pg6rWfVMV+yY9IbihcIljrPLYkNnMsrigCMd6KTpOFxnq0Z9rkxY+5t\n0jb5rxCot4GNZN48/zbm5c4INckph9ahXu7JajqGTh2efP7AQmOQI3NMyMe3\n6cgg5c//+soQ/CqAfz34SavIZXmmuWbxcgM4/2EN4w0V7tES1q0k8+gTLxng\nxViRNpOLJQKdxQFWGFJH3ulRXpVzhSN+8HhgljKtQ/+pUZmT4VM1ePI+OmZj\nlnNJTWe0Wm6wGYpXfoysmI5NEqKgGTdK8wgFpC6LcdKC+ZlSrG6bRdgit5ia\n2wTl\r\n=RllC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCp/WkCz9HpC1hRRg3mt/QBmbIyd24/Fcixjk75LRKPjQIhAL3Cp+p4OHTfu3HZH3yfUYLeORZfoXxr8inNqDROnU1A"}]},"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-circular-progress_0.19.0-canary.a0793c96.0_1600794237103_0.5345922910354584"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.06998a3e.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.06998a3e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.4e5c350c2.0","@material/mwc-base":"0.19.0-canary.06998a3e.0","@material/theme":"=8.0.0-canary.4e5c350c2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"decf3423597b14fccc721d29e0ec911320eee3a2","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/decf3423597b14fccc721d29e0ec911320eee3a2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/decf3423597b14fccc721d29e0ec911320eee3a2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/decf3423597b14fccc721d29e0ec911320eee3a2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/decf3423597b14fccc721d29e0ec911320eee3a2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-BR+TB5CrS32PqpLkyK4t4AxWaxqZ3D87ER5FbXqGV28Gi3cUpUj/OG8y9ox4lo7FHi6N+mm8bIssbVG5lxp62w==","shasum":"3343916c410066531075fcd67a147987227100bf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.06998a3e.0.tgz","fileCount":16,"unpackedSize":50908,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfakGKCRA9TVsSAnZWagAAnokP/RpMPof/55i3zIHx5pxs\nxe7RUJ443gA4FskzJCWbFVClQ1MuA7Z66wHj77NfgbcsIkyYpkiz73gdSjx6\n6yzzwa4PWHZdE5QnroBVbC0gA2jO0VcJ/0/HsUVrsX5yMPOFIPYWSIrUR69U\nw7saYtsPNg7eauMhCjTFneJmmtwfr47TvpWc4Ks68x084PNpJ+8k7mC4Kmq4\n7/M9/EvSFKW59x4q2cDDeJAKHiLiXsqUGsfJzlF5UwC1tYY8eTH4bU8DFsVn\nzDnNNdV7dOh9es2OtZ4uMy/2LIHcG9fDISoLKl7pvcLoAQGoLD57sUXnILpT\nfvInJ/os2yR1/nWK2mNgAv0Ih/5bUKXuJ1qyaEhTR/TbgwLfsqNWo2HeL3nz\nfOM7+fELQKX3PFDfB7SS0+hF+nZWZAritzgnVhTzFhijRSPXh4brA+jY5IVu\nIf7pxXX8JpGEHyFIHd145RyQlEViMVhd6Kt6Yc3gIWItJRVV6XqCvy7CISlO\n/dm/kHmENY/wUGTb5aeOt8PxHECOguGHL+ZR9X/zOZWGl042h3CGsbbCqDp9\nhXq7DxHuYu6sxwXIw+zo2mQWh5fAEv90bNdy034l+kQSiMda6JZDSy0zh1Vu\nUi9+oTy0Zckoix2HcwcnvATmfmM7YUFhGZ+R8GVEpG6ykPruMWSrK89bGRi0\n6DjA\r\n=ZSkn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAH61657tubeaHxuw03Ey+aeH7ZX6xxWI/wwVV3sjcLyAiBd9sAnA4gGKH7ogKVXXGj2Z1CcZBFzhLC5MabBLFSvrw=="}]},"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-circular-progress_0.19.0-canary.06998a3e.0_1600799113429_0.6712269872043206"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.3484a90d.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.3484a90d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.16c563ef7.0","@material/mwc-base":"0.19.0-canary.3484a90d.0","@material/theme":"=8.0.0-canary.16c563ef7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9a495a0451ae2f8e95b786a624153a7b57c4760e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a495a0451ae2f8e95b786a624153a7b57c4760e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a495a0451ae2f8e95b786a624153a7b57c4760e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a495a0451ae2f8e95b786a624153a7b57c4760e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a495a0451ae2f8e95b786a624153a7b57c4760e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CxJGPDdKj92ReN5h6x77cRbwIdtVnDwU24suoCe/Qfciz3Cf4JQ/uG1pR7rV0x9Sy/uLLT5lFdUlpS6OrQxg6Q==","shasum":"bf7ce1358c2d7e42ac29a56c1eb22e8351604bdd","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.3484a90d.0.tgz","fileCount":16,"unpackedSize":50908,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfanS6CRA9TVsSAnZWagAAKCoQAICRdmYyolLjeDog0feB\nHJ0pZyL0RXWiE0v7TtUtderpGES7czhe5Lcq15gONV/egGLaoA2wu+0cckg2\nLqDjhcqZKtowZTYAMQw7lokeHRp4sn5Xoznmb0QWb0lgNDCNXXF42JXgELBk\ni8WggOsV54urZZl+WCPO3T1yKMDuBikcxMbxssisDRownXIeWJF3YQGze2uN\nSgjWjnCQJUc00mK6cLwOJwJT1u9rRZx+IFKIri93xZmWq8gYZuLdYsDcvuTv\nMF+g1wfD2R+zgK6bb6hTzUHdQsqVmlmI6k3iu7SJnp/njGW9M5z6DBHCM6jv\nPeDBc8EsRfVRKkSzndNa1WWtuZH82U63Zt1x2EVSTv/mzb1T6llSNIQq5N/G\nrk+KYZW1LJxCqB325Dkuw4NR75DkAiHRx4Q0gdJ3pt+GL1FAp/jjOQ+L/CGO\n3QZTleGl9Zjg9CL1FL3cnQgzCmZm/L9dgZmmXAyDCpuEhgHkUGKxjGb3/OLB\nWSDWbHac4ihadK2z9BXGHkL3eic8YQBi4XmVJUFXlicZ6SNzNf/Ci0rMjwbo\nfrUAEjLjGZNu7sjsWJO9zLqW2q7lpoLaIEa/VHN8kuzhvlszGzNkoxUqOSOk\nfzFVMcwpmjjTOQF55bZQmwoWaWaNheYZq/zSDjL6/di9VvZd9TypJ22/PRkU\nGiUt\r\n=GcDN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFL5X5B1ftqI95fhi6p9sibGSsnrn72SYRTQ8joIh1/vAiEAkog8e4AssEGQY77mgLw/Czhz2XzAffbeankLQlvqpIc="}]},"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-circular-progress_0.19.0-canary.3484a90d.0_1600812217440_0.10208624586334936"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.3f99af40.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.3f99af40.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.16c563ef7.0","@material/mwc-base":"0.19.0-canary.3f99af40.0","@material/theme":"=8.0.0-canary.16c563ef7.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9c1a716646d54bc9aebac750a99d1fa752f60d9f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c1a716646d54bc9aebac750a99d1fa752f60d9f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c1a716646d54bc9aebac750a99d1fa752f60d9f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c1a716646d54bc9aebac750a99d1fa752f60d9f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9c1a716646d54bc9aebac750a99d1fa752f60d9f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-HGua7BhLcksoNwgF5jE0C16ZTDlhaAUJCm5xiWyC8EPeu4CiGuEZ4PA9MYCNGb8dlHtLNsecnZCwYBqRFGxtCQ==","shasum":"803a8352c15afaaff71b4dbc9cdaf58887b95271","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.3f99af40.0.tgz","fileCount":16,"unpackedSize":50908,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbSnKCRA9TVsSAnZWagAAcvkP+gOUFWFOGxzu/M/LPvpY\n9UPK83sNahjdu8MXkRCOLGRT9XqBDunXbKTRIpFx1bjStILXHFeyvKOGVF3v\n9XDyUROBx+U6et4HbsOs3Ed5Iao1isEnQO9bL5O+jnYH6XtrS8+bjXNq/JfL\nken8OK5PMTTYG0jd9C5Wv/ueR5/kGAIJjm1q90L9cpapp/c4jy37NGIBHvgC\n/XYDvqCrcIaHwcs57zmTMVs+3DsCfqvdH+EMvYQs+R3grucfKlhwzGO4Hvu/\n91iiF54deXacufYZnZq2/bvBk2RgAM+D0CP1eehXRAnqUX+Hvia63NLPqbEk\nbOMatKjoKknMgME01ferAJchE6+CwJnzBSwG5KxFJO8m5hYalDYPB9ndgLCe\nObag4E1WJ7xrQwJuHo6wht08I/gOGKpwQp0hgOZ+o6dKsgTURvy/nq0vJunz\nPO3JXkKhdwsLv44ofsAjWl6+4zre9OfX6RAF+VV74t1+/PxJ+IeJbS7KXG/L\nvoP30pOxk8JVEJlJAhle4M962dcqYJYfxGzPuhe4VVm5M2kr+R2+cuxLuWaI\nXtMeX7tpYoiGbt9GB+mpueVOoAx2L5a08MQdmwk/HoV2PoclDZEY1cVT41G0\nrRsgJLNnZfRRFuIl63l33/Z8JbEaMvkWCcf8riedhFzAP00QiQtdknwgKRzD\nPiGg\r\n=eWSj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH5o+RbImFKomC6HnHvzVSf90H7PGuHVxscppmHTpXXoAiEApzH0IvWF1Mt5dRK1o+0Cly3oRX6EnI6ghSpwjZug1oo="}]},"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-circular-progress_0.19.0-canary.3f99af40.0_1600989642392_0.8656337971855363"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.72aa1129.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.72aa1129.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.d4cd83a85.0","@material/mwc-base":"0.19.0-canary.72aa1129.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b0de5dacb779cde3abc9f66672e5a936030fe63f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0de5dacb779cde3abc9f66672e5a936030fe63f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0de5dacb779cde3abc9f66672e5a936030fe63f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0de5dacb779cde3abc9f66672e5a936030fe63f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0de5dacb779cde3abc9f66672e5a936030fe63f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-S7WARBOZ2nkcwsPK8vtKO/HiQ6mvOtav0GnKnPEU0HnLFIVQnEeEZm52Zvvvg//2JWHLUT7ht9tEHyaYbZZ+Ag==","shasum":"98991a3be10d0300684653350306da09042ce864","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.72aa1129.0.tgz","fileCount":16,"unpackedSize":50908,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfblvjCRA9TVsSAnZWagAAMo4P/2OJxpHXKLrnYzrovLzm\nOcgBErTF/36y7oC73sGqvhmMUm6B5U070gP3Of4A9R30A3uN3dbTg6TaMX92\nsL9YQimXQB44wFiBHb5/za8T0PsyrbekU1J00euquDMqtRs6TMR9KlJebgJN\nzbNb8NRjc7FrYSCb7Ytv8FIdtRV0GoUtJcKG1H/In5sk4lb2g8wgf+d8cRwh\nHi0TSCjp9mTukf5LwnzmggUAdO+BfsuJschH2W+WemjQdRlLwY5gfdp5HQuX\n3DfV944gB7sgBFFvCpV72s3gzpbx72G4Yt9W/QOGbf/DnkDuUeC2J3SHihq9\np+lokPUNpUzNtPk/2GMjYMUtiScg650lwGpufnCp7+ezgruK7xyybjW6OYyT\nx2143lGcAIHMzXVx+oXZvu2UvrvzsaEjntPw392rOC1AeyoR4jiUn/aNaT6N\nXv9r0Mq4/FGjDMX5WKpTy4LiRVutG5Scs+DOs8HPQ4uH2PwB8Z7srlubWZsL\nGmDHxh4WQzDJCss53Vnk7iJFK1PFyD4nzpi5KN1Bewyx8+4ocJwVkhII/vKD\n99YMAc8LmsAnvWbc2j1A4A8UewX0JB+mJvz/87T9WnKYdLLu0Ga0ysB0PQr/\nVKL3+baekASX21MM2D8mLH2Qo0FVro/8DSH8xoMxKosOiXe8F+5HnNP8ddfD\ni/WE\r\n=UTaI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEvCN/LqNPD7w1o012e9JPXzt+FbNzzl/ptC6y0K4VxuAiAOia1nwXxQO6gIpBKFna6Nofy0f65Q/6i8UT08nPQKEQ=="}]},"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-circular-progress_0.19.0-canary.72aa1129.0_1601068002857_0.24477095040710073"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.394fd3f6.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.394fd3f6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.d4cd83a85.0","@material/mwc-base":"0.19.0-canary.394fd3f6.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f7ed30422433da24768cee2e9ee84140331af4e4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f7ed30422433da24768cee2e9ee84140331af4e4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f7ed30422433da24768cee2e9ee84140331af4e4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f7ed30422433da24768cee2e9ee84140331af4e4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f7ed30422433da24768cee2e9ee84140331af4e4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Ypu99d6JWZyJ5QCICgMRfgZrnLpf8KoDyL5O+elfLCoxMn8944pUNAzFYXoboEz5t0liYQmLAHgl1H08RuhLdA==","shasum":"4cf0b9d0a5a2b24621ecb549b8e777541488955a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.394fd3f6.0.tgz","fileCount":16,"unpackedSize":50908,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfce8lCRA9TVsSAnZWagAA7k8P/3OJ/mlNLZhYKDgpPhSM\nr+QTcxUBBSv5YRTZ1E/glygC7GkMAOeh7/HHh0tYExO1XY0XyVNt2iyyNX8P\ndI3t07aSCI5X5PFnZZgOQQaqCU3S0U2qC+EAlPQfZUIODw6SL587ZGKWuKPA\nPWszM9xchYILyGakSJa2W8YDqqjyN0gGOrOTDdtxhfTbntD7x4G7iOE+p2kt\nlCT1oqHf6KXE5MRZPqf6a1wajOVF1Imo+L0MZVPhnTF2QG69O4MXgCx+w2Ev\nWNhXepVpMhKNU3GN1eExJLkhEieLmnFZGC29YJ+pi3C9ek2nfajatrkx/6mG\n1vavp3LX3tjVRRkKOVBUgGigUr3G150BJtvJ8nQ8tpJVarEf34fYJ8jjyu1z\njcPDZlvGth3vFylICoXR5hOX+izQ93pgRQW2wXluxThP+V1TWVHWasrGv20I\na3Ak4A7f8uhW6DFEKl6MJ1P0pteY8+pwUsHMJ9HszkNa+hNAY9s34zstAZva\nrx5mLqkxnNaC2Yk/1XoBD7QVnkVHl3W+EJl8YgeYC/XuXs6Be5wqkHDTQKHb\n6zwAASpHKzRFD5zfDiCUdj/pU46MlbzLOpRb3DD6H53/PL4Wocyal8Hlv0LV\n1R+iZDOvDNqylpG8VKHjiUgA4JBj1aad7WLy6b1dG17hEAsWaujzMJnyh1S8\nw0xh\r\n=lR0c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC20ZGhj4DZc8F1UaI5in0nC7hFhUG71WUCWen++bdbbQIhAPaSrho1M1uc1DOsxb27gjMex7sJUklry6nkuTldjp0B"}]},"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-circular-progress_0.19.0-canary.394fd3f6.0_1601302308345_0.3551875651457852"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.347110f1.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.347110f1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.d4cd83a85.0","@material/mwc-base":"0.19.0-canary.347110f1.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b51682018a9a68b95f2c2cf2ebd16682dc3f2e22","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b51682018a9a68b95f2c2cf2ebd16682dc3f2e22/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b51682018a9a68b95f2c2cf2ebd16682dc3f2e22/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b51682018a9a68b95f2c2cf2ebd16682dc3f2e22/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b51682018a9a68b95f2c2cf2ebd16682dc3f2e22/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-dcQW4IpbSF8W+LMrt4ODYgfzrz6b+XQScTjGPXgKj84weecljdX9gmRpV+d6x+QT9thQlRg6JaDHSuOCihjpaw==","shasum":"e4e04e1653c7dde1ea6b67b7892ba130c9bfed4f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.347110f1.0.tgz","fileCount":16,"unpackedSize":52074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfchQlCRA9TVsSAnZWagAAcNYP/2u313USH/BglcMuEexb\ntLxeajJGw12q3RF+LA4rWf/nGxVewY0iHAL6+x2B9jRpSAIXj9yV4bn3u4zh\nuZ2tIV5OYWymMk0XNDtl58LA7OQd4FlVzKDsMxIJkwU/ijiJHi8/z9WcE5Dh\nhI3igJFMmno1MZchGpVuyrSMGs4Wh5zCep0l5Zf4vVJSUQEIyP+rTqCpTCr4\nVsFCE1rchGhRE0MP7jWzDVUxG+zhPr6MinGcWnvyTjb22MiQiM/GAz8uZfck\nxEv9xcJK5gGcPcpIhe0UbEcJm9FNnTCrsIJriglef/h+HHAm7s920h0CAIdR\nd3CBsxfCk18bLWCABlHP/xQWCCgiCyDn8OzCeBn17xwIJStOYvR7hwmg76S8\n+YNyND2/rGKwtensQREz6rWZhqda5qXET6YYkLQry09lvPDDUrTdFD+Zs5dZ\nt0WxaF1nxCVr4GkqQxIy3JI1YSoli46Vz+IwH+81IsNoiUS4McSIWxOLK/1O\nJAwEK01AP09qRWKpkDSY8zTuLaoaZEw6L8JPkZ/hzwuYvVK41fFrxNzm2K6X\nRYcR1XFR7HBpSc7U1U/iTRoCMjtD4/1XYbjDNm30FxWFzkrxraDfyNecExt7\nTjb2l6Z/PPek+arma67rQZmnMzC4vubNhjIiEV2rYFiH/Mrf06Sus/0fEzfE\nAOoz\r\n=gGxQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUnlc2X6UQg/sCMlilXs3+RSkBxAtry5Ak0G9jv6hdTAIhANT9KoE/8ZAqLUu1CHPUfgq6RkQtDNZIiEZR6r+dY6Tl"}]},"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-circular-progress_0.19.0-canary.347110f1.0_1601311781292_0.5978058607276346"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.5e330bb9.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.5e330bb9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.d4cd83a85.0","@material/mwc-base":"0.19.0-canary.5e330bb9.0","@material/theme":"=8.0.0-canary.d4cd83a85.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"edd7d263d4d4dfba81c2b086b08b2be10b533b2b","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edd7d263d4d4dfba81c2b086b08b2be10b533b2b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edd7d263d4d4dfba81c2b086b08b2be10b533b2b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edd7d263d4d4dfba81c2b086b08b2be10b533b2b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edd7d263d4d4dfba81c2b086b08b2be10b533b2b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-H5G0j286IJJb9ECm4HearmMEeRuSUSJVZgMin7P9SQy27G7gKVkOmH1KtDa0ihqlqpAwgBegT7ZiPe4F37PvOA==","shasum":"3aeef25f7a631462c56b02a8fb15e4a4dc5a4fac","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.5e330bb9.0.tgz","fileCount":16,"unpackedSize":52074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdQALCRA9TVsSAnZWagAAMUAP/3F+foDRsl11EqE3tdaf\nwy0gTFBpLVCgnVYylPQpCfljicCVCrTTS6gGk5y08xWV2BBVaClHPQPpTTEd\nobihHyU225oAVb4huSAlRmGH+17JGAy0QIMi0pL9MaFLsLYGC6mlWQ/j4N2Z\nzknqygmugNfc5TLoYyPufLBEq/XI4XKzDeuHJSWLTxOgWE7shAyZZVmFfN7t\nzB8Jvyu6j+yv/7k9vG+l8STWRXsso6RDwXmBNL7k1LTDybABTK786GsRE2Q2\n7dQRVMGlJetOfw1uaCsvJKhzu7uX6PU3RDe6yI4iiRd+buQB4PIYKV8Siwsb\n18VFi2VPuQ+TWNorCv2ly0SG/+HWKlAjOxky7LWmBwEyU0OAcLkjEjp1PGYp\nDL5U7m9CEd+C28Aah8yU5Rv5YgOvIFC5OWR6+MRgMsVMZje/mylWZWeVOedb\nTqzk+W8wmpJTXlZuGy2rTerv5izB+st7WNzTlU429IfRMMf6hifbUycjQz9r\nJMjwY8akrFdiR/34+oovsovft+PGVdiO36ESvbA98qsNI+FxWrB7rVj981km\n0Z2N4UJzOcsO0iObh9uDjlKJHbAIOps6fR/64XcB0h3BGsnJMn0B5/few0kB\nDS5uJeCkFP+WIL4rgm/ifBSnSZseE1T9TR0IVJLc5ep2STR9xV3VtdQ6LKhC\nP9zn\r\n=0Vj2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEjR/lJYn+dOasp7XqAi2Y7vb73V8R5KvfqAuAaWrrkhAiAGf+WBufwUkGtaKWLUSSX8wqfQfL38LJSRrJ9Icea3hQ=="}]},"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-circular-progress_0.19.0-canary.5e330bb9.0_1601503243310_0.07691924763499691"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.30b9e3a9.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.30b9e3a9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.38ef4501f.0","@material/mwc-base":"0.19.0-canary.30b9e3a9.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1dbc47f1a0c4601e30ed5a9eb0fc9f9b56564e1c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dbc47f1a0c4601e30ed5a9eb0fc9f9b56564e1c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dbc47f1a0c4601e30ed5a9eb0fc9f9b56564e1c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dbc47f1a0c4601e30ed5a9eb0fc9f9b56564e1c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dbc47f1a0c4601e30ed5a9eb0fc9f9b56564e1c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bSNzMEzGdNeoP4a/YNi4tz6aPe3aqhpn/ZsmX6qtzkMJCqMu4d5xfYqWgei+eYPUwIlFxUmt9u1xkKxypycbgA==","shasum":"2e87d8841a0f9aee6d896ce7a19cfc3d3ccfca16","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.30b9e3a9.0.tgz","fileCount":16,"unpackedSize":52074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdQi0CRA9TVsSAnZWagAAPIwQAIPvrQyUOtxMWcPSYbjx\ngmbuLutSWklCWSl48rEp4IAfsLquo15bYkBxxgsf1PQF9vMt9UTsio0xkrwx\nEvqv4qkI1v4Cgj1xn4RgtlJXaKtbwFrDMHUfb8m89HLDZNgGUnNrRhrwDuet\n1l2tl52S09tayF/W4CGL2EKhPAxEAXD3tqjE9UvDDQ8F+yJkoTgS7mST3kp5\nETYMyfuCI9wRswgtibWE2+TsNGWklO2yDskMXfRXE4E2ZYioFy6zQHaKNckd\nFg5MyvWodQ+NPHqzO71YvG/Cbzh6uZ0CcbPH7BAgy+xtgHq10Ahuxp2rM/Q9\nFJqsAT0eVJpCKYLsaByZf+KsPdyqv6IVgpGaqSuY2px4gAdXpspteND4qOI1\nBxqpKBlHAwAlgTyog8C1giTjpQoIHTtsE+O+yQg7Awu4MZ/Ri/ynDRleIalt\nyBlz7XXYa2vXxBFNl4nlknLIBBIJGiimQwn+BJzdsCIL774twU6Bi0zewpTz\n5gwX5/mp+SE9QvMsu1W3MFACdNPkt4WdNVslvz2BHDGzZLox3O/x893aLQ2u\nE1mhGhTUj/iVZeni3w08uHJJX7rPfL5VIbydkRzxTR7rGQSZ1Eif7EW37QTA\n9xf+m+7p5QKXJ7osozJWG/I01xA8xSuE0c1GGcxNs4cSnLX9SnZms5g8Ue5T\n4+P4\r\n=m52G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+jI9czGXmpW8P7qB+xllTBTJ6hryCo4IAqN8qt+R0cAIhAI4MP1QwCEKSqTryRCQx7shmgB37PLbcvR+WA/c+q5r5"}]},"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-circular-progress_0.19.0-canary.30b9e3a9.0_1601505459671_0.9024996947075452"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.7bb04b9a.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.7bb04b9a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.38ef4501f.0","@material/mwc-base":"0.19.0-canary.7bb04b9a.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f4137a832374dd43b862ca8a4db665a59c1a70f7","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f4137a832374dd43b862ca8a4db665a59c1a70f7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f4137a832374dd43b862ca8a4db665a59c1a70f7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f4137a832374dd43b862ca8a4db665a59c1a70f7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f4137a832374dd43b862ca8a4db665a59c1a70f7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-m4qKVwUZBQDrW/ASYWLlErOmnJ6Xd1VIlaRhIZxFnipcg2lmRXXT9/ZyBWntpbJKYli1g+Z62Jy5omNVzY30bg==","shasum":"786840f2dc38292cb4956d15e52e095e2638d713","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.7bb04b9a.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdmStCRA9TVsSAnZWagAAkCAQAIekFsuHU6FrqfukRhvv\n11ac3NoKZY2u6yr5Z6G4ZnR8CdhAF2M53CjqiruHeXR3jNw8BCwrnEixbMDU\n+3OSqdaUTNMKsBXgg7V7aSdZkvGA7HgvpLzJyoYF0xiMqpNyhos8qK9aJugU\nnwKxDCINhyoxPQM0eM00B4RsI3lGHyZwmNM3jK0piKzcPTpLD/d9cZwqB6iO\nGSvHut6/Xnw0gZ0m+fJpOj2m1KrbrQY35RNz1E8o260QEt7GGKSjZ+Mt3dTI\nm7kD/9NKebVqdegdG7dsUQSVXyH9ltXVLtyycABRzYgMBNgIrlYUI5DswXzY\nw9QNcCrHcAdV/nG0l3Z3lQrvwbOtAIQN9U6iURT4PDFoGevPeDwFz1trIPRx\nOWWqZ2yih2BTL2deyrFIu51Aj+dbGvEfhzp5j1RmCy9s6jP3eriyS8RGgI9Z\n48qY8rVPdqxZfd7zmI724CEQGbjC8SjZSLMEp/VW9NqXyrIGYv1JJ9on6V0j\n3iKY0bvAYXsVXqXlmQ+jg/9o5IYHo+mcaubPGObzPZZi60Mnn6TB79EX7TkR\nszeBWE9+175RP1Lc+baN9gFF6PdW84XDrBN/2JhXWMGNjl4KhNTqc0XDvTNn\nVZTvtqIy2D4Ok+E5OSiav8sCO3nh2OuER1JRFu4X1ZcgcZUZArCVZZaHn+Fc\nq5a1\r\n=OS7V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDzjSOBoWbylUudLUolYpK2T6Vixs4mMth6XGyI/J053AiAdyD+gM0PO0EiswLV09HYT1jlN3WcyQ/fI0nFlehUwJg=="}]},"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-circular-progress_0.19.0-canary.7bb04b9a.0_1601594541461_0.7718090057122786"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.615d861d.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.615d861d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.38ef4501f.0","@material/mwc-base":"0.19.0-canary.615d861d.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"31f7a82757513b3944c605422e6c70eef13bbd54","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31f7a82757513b3944c605422e6c70eef13bbd54/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31f7a82757513b3944c605422e6c70eef13bbd54/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31f7a82757513b3944c605422e6c70eef13bbd54/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31f7a82757513b3944c605422e6c70eef13bbd54/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ElD4qUxEFN9RNVaiHdzq609czb+UqGK5k5CQBfeJtLPEkJt9NwtawttgmVq3uLwKD6PASNVHYIDg5DTVef47iA==","shasum":"ff2b6704f57e95acdd14a4ae92e19a8426474a80","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.615d861d.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdoNJCRA9TVsSAnZWagAAGKAP/3Gz3//wE/jof+H9t8V+\ncFNkbB2KFsFaw2pwf+NTABMbd7HJo4FjEdFgBZsTp5V/hgkTXnwO8H5RRao6\n8uC0rPoj8w8oLzd2zol/LKPDvcmjYNOXT8LnugzrXF0rTlxv/QnEr8zR4pP+\nwCk6izXDoXS8yfz5cBvKPr0KYrdjn6y7qDUJD/JW0EhT3tmHuPPkO1W+cRHy\nE0X8iac1/0YF6nudEQFQtjp0Q+g1uEM0QVymHxtUKmu499VA7fVbc9xcohnH\n6l3g61tcvFTuTrIgi1bKJrUnZKYIiMA30fywM+5RJqty1uChBB2VZXJ2xC2+\n1MKY0XbEJHFr6TS8XkaSE2T25J+hd0Q573XFi35poRa78mzZlUBQJAE7VSt+\ngxqj7jpCX4T3UAkpJL6xEQZyrmSvcppgfTJMtmJJvEuUa4tWdDKbbX7B5xPN\ncsPtCqJ/r8YY80u5zUdclzAwcYszkUVqt2NU92spwVK0JSEzD+UD0E3ytd4I\nd1yfyHqjR9PK0O82fLxlomBtESg3naq15Bp0VU0kLXL3/4Xh0iYXCia16VQP\nYAhywjv+ehW2EWD3A7tYWpBQ+obTUVBGJWmWEsGCgKyJyjZ5CbQLXGgT5AE2\nWtZZw6NtfzjGpfIG6Gm+owf/vOAx18PKXFmZhMH8lEIC4mdjzRKAgOQFKC2T\nVZfv\r\n=+4rA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAm+2gkuR4HxzSWdt+6Pq3h8RgIfA4esLc0jq7Rj0unNAiEA6umjdevwxhUy6uNmnQC38hA5G7mQvjjWFUy8BlM+fTA="}]},"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-circular-progress_0.19.0-canary.615d861d.0_1601602377138_0.6344670811176625"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.af110e86.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.af110e86.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.38ef4501f.0","@material/mwc-base":"0.19.0-canary.af110e86.0","@material/theme":"=8.0.0-canary.38ef4501f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ec4508e75df333e18bfc60188de82eb9e90a6d01","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec4508e75df333e18bfc60188de82eb9e90a6d01/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec4508e75df333e18bfc60188de82eb9e90a6d01/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec4508e75df333e18bfc60188de82eb9e90a6d01/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec4508e75df333e18bfc60188de82eb9e90a6d01/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-8DAFYvRpqluikDxlL4FPrZf3LZQvmF7fxw9L6vRtn92WLP+isvL27i1RfN/nbN4Ufu1mPkS5LObIA0BAHB3now==","shasum":"9bc09d4765bc21057f11624a7501ed8648e4ef2f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.af110e86.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfd7yGCRA9TVsSAnZWagAADHAP/0kGnHXBTqftrtQkVT3m\nYjKEek+aoCI/SC0ZT01YFRuYx5JszpQ3+DG2Khjp2YKR4YrpygYQXgnmi4ed\nqIaNsj4KR4PKa18sHEtAxF3fkzEjrxTkpA3AcBZuZ6claA8urhK+8VuU3Vcz\nOUIdViAFNKDM7ooG+RpZNdA9VorV5NvYkB8xn/42wsKZ44k5kVjMzjpBwTNZ\nzjbl/CRGtHP/GenvKG0UOJBjIsZIZkaNbhxWcqcOdKCCjmPvg6aNd2T3ZdCK\nz+UJUYJDpyIlrpsZOKi3Z193MD6s1yw3IVh2WD50AlHMhz3bJWQ2ciYlpXyb\naVmi2Pg/4U7aVuejnfsPeRvIFuMiKWJcM1l0+952pvRe8hgCXjMI6hpHbr5O\niw4R0ukZhiLuU6zsniMi1kaQecBxvPgrg88w+1tPKSTwibY/5DbMPDiKCOBN\n2jNQD3vj4es42OAfuCM7IEGsCTE1pQBiK1eNnfak/YyCic57BkgqkeQ53OKg\nIWRdF9PPvBWwLSadULDPKz5KFf98yYhJq8GSQ3HbRYPcpjvU4JGge2eX5P2T\nQC2pNxocIwyQQhewtSkpAuVn5KJtHFoQL2RD2Q3Y8z5/b2eU6okGfWBgwMGC\n9f+yOdkWw44BZbTFRm0e2qkVs8YsPyv8C0HfDz+rh8q3bKk8uXDAJ3zKgZZw\nqYsB\r\n=9gLH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFKMEpfOfi6p71BzgEan+AAicZXy2BIJ9wlN//exEnubAiBeB2mtvdmil+Q4iUxpVLfCtmPwJSSAnlQs6LJv+W87hw=="}]},"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-circular-progress_0.19.0-canary.af110e86.0_1601682565654_0.1256670006122702"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.89d27ca5.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.89d27ca5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"0.19.0-canary.89d27ca5.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"fbe5db689dbf4abb9f299c85581f7fb95f80ceae","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbe5db689dbf4abb9f299c85581f7fb95f80ceae/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbe5db689dbf4abb9f299c85581f7fb95f80ceae/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbe5db689dbf4abb9f299c85581f7fb95f80ceae/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbe5db689dbf4abb9f299c85581f7fb95f80ceae/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-WM9WdNuzwMfTh1+2RX8fkKfQlgXeHqwsS1eT96oRs5U5SAzxAvvBFmlimrGaoASBz27HvC3FhfNeLez7Z+6/bw==","shasum":"fc764a7909c5cd04382883036b58a559e2750243","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.89d27ca5.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfe8fPCRA9TVsSAnZWagAAahcP/2WTfvq+i1zSv21sFuDV\nGgbft5cXw/i2PtyFWN2UeliWSC6YOPJr/M0b4UYTfPiSeEBn+M3dPNpriFmH\nUUi4/jlGqyGrI/XNszvX9qT/B8et4kF1mO4Go3qXpjCEsEaOUb/0Xlw4X4xE\nr/ndVmpVo6O40jfI9m+ErrUTqPfYgboEf/mEGrY5ZZTUr+Hvle5RhAZ9C0fw\nykC98irU5Xx5JVWK3R3MvP5VKVli1an0xqhGmnVAgBSaFUn7eesDKPcqv3c/\nORtm05cJsV+7OuduE5axkmqm9HulJ2/wh7c2vxeCxKbJ4kGmOXwA2PUuaT0a\nrdazMX2re7YaqKOGjSUCa/LeIqbdKO+IwcGOWkJeUiGOtm+9li+QXsxvRol3\n8yoBmiSA0OSBtaiWr7k4exWeedQflpJp0cuD17lMK9JTQG78oMjA+qn9jz0A\nsgpD6NSxRSnQL9ja8NwlyxtsbCRiTJ0nBsUtW4kGz4lkODHGLolvDw9uJx9g\n5gGDQqF8cI7CJz6F0EuE3ARxiW7da40Cu3dTtWe+r6FZU2u5uTjD2ji9CBHK\nXrcLBWNo4vMUbGF2WNdvNwYGIjxuzOZgVyrq5VH1/MrIguVv5AzkEwHeDnbW\nDLsiPgZO4jujDR4fam/4MmkoOEyC1oxVgeJk3FZ/DToBvZZ5cCvPTRn9p/zv\nziO7\r\n=4Axn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkOn4x/cgzmHDDTzAouffAVnljTCiyBHsEM37sBPWP3gIhAMD/+P5E2a9q21JI7kkaooSNfJM+YjXKkCs8/b06EIT5"}]},"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-circular-progress_0.19.0-canary.89d27ca5.0_1601947598806_0.899092526521263"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.9ef2e7c2.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.9ef2e7c2.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"0.19.0-canary.9ef2e7c2.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"05ef0de8978ff84725428953056488d768d115b6","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05ef0de8978ff84725428953056488d768d115b6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05ef0de8978ff84725428953056488d768d115b6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05ef0de8978ff84725428953056488d768d115b6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05ef0de8978ff84725428953056488d768d115b6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Jzk7F+SW+6moJ+2MSPELLQeULrYTJgY3SqYX2ikvbxBTJLPKVPj12sjgvqPjdIuO8a6alSw1z8HBNqvnvoF6vQ==","shasum":"944dd2fc5f11fd1dc77477b1b2dafda2e1458f04","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.9ef2e7c2.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffQhFCRA9TVsSAnZWagAAuJUP/R+/1kvc4OdAD9iD8uk2\n1DqWT/3P3gJtQaVxnB5AL2VXyElNECCFKiHxiI65UWKRJi9wZ1YFiaWS2Z6c\nKzNxOgdzrG9ghOE1r0/Tsq8JAxvRMgPTVo11SI/2T9qAkdVjtXOP4yUBehog\nVXGUsiFGpIcoVNY47pyRJG7s4tGe4BdO4GE3kFxwFMCf8BeUbLOCI+nzD4bm\nintAjPY1fDZ60zypR7CMQn+osHHImMpYCPlwboTmVJS8odQZ8+U2aDxTCplK\n/6tsdedyRx89B3jv1bTIas1IZ9GwfUBe2/0i+N6OteGWGS0I9nHCQ6NG99m+\nnqf01b6dS6ZxxRQLNnGlXw0GO1Js4bzoH19S2mw3yPNQndpF2phTmbTBZJi0\nHqda1tZsWnGcFAa8HrskcPjXQ8ucY9GP+HOji3ijq9FC8XfMVtDQ912i7dbm\nzGytpdtfInpMkXGRkCgKUEgm1O4OCOvUMDA2hTq6MwBLdGAEkgVBnZjyqxe8\nL/RAcaPOw71mJqsSXpajSqZ1F06HsNlAyulTNFwMOQ9Mcs7WgpR8/9ZwCr7A\nsjTiUgVsSJEL5wnZC2E0hvMuCqshMZ53ZmDicZHf917BM8ZC7bGjOXLBX+PP\npfLv3wf7pR2ukKglQD8rGj2zqgv6OH12cPySctu43+EHetqswPo0nBOQqyc0\nlaAf\r\n=/+l4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFj1gFVbxA/nYmu0zl5+GuDiSHZu9Sxioerc5uaBaiWTAiBotljVnMdsAMMslNnffI+Mk0/Cs9qvFQBiSq9t0uOAnw=="}]},"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-circular-progress_0.19.0-canary.9ef2e7c2.0_1602029636739_0.09383819833964302"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0-canary.96c8bdc1.0":{"name":"@material/mwc-circular-progress","version":"0.19.0-canary.96c8bdc1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"0.19.0-canary.96c8bdc1.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"1107015eb30f3673820101dee6e42cd62841721c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1107015eb30f3673820101dee6e42cd62841721c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1107015eb30f3673820101dee6e42cd62841721c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1107015eb30f3673820101dee6e42cd62841721c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1107015eb30f3673820101dee6e42cd62841721c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-sLvgXEsB8JwJWgQUB6FQcLTo/1d+16d06SHVtFhrJmF55mFsB5KlHvYCSX5bMVh4VovKOj6xwpD3gWC/3GQQVg==","shasum":"6c72f8e99c5a36818689d2aee1fa3838ea19dc19","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0-canary.96c8bdc1.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffh/wCRA9TVsSAnZWagAApzcQAJt07jO3BJr1RkQdPrBq\n+O2eOGV9J9wBUSPDqtMlS70EfNfn7lQFy3gxasmN92/atN+IImtR77tBCzZ1\ny+lTEP0iJgPa2tATAF0U7RqAzu9heuDEX4ZlolZnrR8dqqtogG1dTPag0WUq\n9i6hyN050O39ZtcEXQmHgW8dbrsluslRhtgoAyKgLpSCiofeUZ2YFJX7D3W0\nYCvo4YLp9+OIR50TmC/YWh4HNHcaesErZryradWRpd8ZcuSkRO96jWu/dzHg\nf10nXMfcEjKUW7WWA+hD8+MxaUKlslY9WLGOJt1cwgDQchRxS1exkK+EpNPK\nBk2MeFxZOUbcWi2tJE2eQ7y4PJHVrM455E5P+OblmnRUEf3hhp9gYtjk1eUT\nRrfeqyTCT2zH5/KRlcGBEpq/DKkmRsGL23mcU6f+XfEpdTjTKYIj23CtXdvU\niHEQJ/4BZiXP5pbASEc08zAj8lfavtzxjk8fnzFLFUlEx/HRqHv/8xIT34En\nIwKuG0EWfAB9rkMZHykEufwXOgF1uihKweor/YLXTq+bmyRA2RD8n+rAmBAm\n+Bj7pUPnBBm+is0C3airmS/0Mb8Qp9xuttqH/zsWdjE0OsXhGfixl+zMmJKO\nfZFU9Vdh3ICEF+RBvni9IJFWsU1t7IvIQFpfB+83e3wHOVn/dFtmts4gklpP\nlY0r\r\n=hqE3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGVrDsiHKjD/sWwg3hsvssPzrYG2BMwHh3nU3PC44HrAAiAZNvrDO2aa7mkWWWC1gIlV7w9ZF4gCNbyBYdLCqp7BLA=="}]},"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-circular-progress_0.19.0-canary.96c8bdc1.0_1602101232025_0.18706205418628907"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.6c21f034.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.6c21f034.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"0.20.0-canary.6c21f034.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"367e1d2c78522b5c85dbc2693548d691c8b84d59","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/367e1d2c78522b5c85dbc2693548d691c8b84d59/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/367e1d2c78522b5c85dbc2693548d691c8b84d59/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/367e1d2c78522b5c85dbc2693548d691c8b84d59/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/367e1d2c78522b5c85dbc2693548d691c8b84d59/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nRN1fzbCEUHTttN2rzzOHKoT9mpxeD2zTtGNnm70bAhlMItEgJ+w9EWs5lPPXLYbgygfnhn3RI7vL1ZzV91zYw==","shasum":"36db18f4990773cfdd9929a7b2e1fc2755826358","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.6c21f034.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffkFtCRA9TVsSAnZWagAAnI8QAJwuSrT8gt+OCe7Pfb1L\nVFPgaEUWvfsfegTs3deeqIRHAMOxK8m4Pm8I5wkqN/Djue30KP3Oc8OPI+m1\nmLbdVTgg2TcOrcV746omNh3chPr8LZ3ySLi+OqdBWoEDdOn4lKr54aP2+6ki\nhdhqeIFlkQcdD/mWPwt+MIeFOdiq3DtqF59xEA0Fx/b2XWq4cT0I8eL9q+v1\nsHBbjz6qzu12o4Xu0jrepWlKDnS2+Yr9aRU4nJX6QfWB/f/kUnaXi+JP7nuQ\nnENsLUQ3px1wsd2Vzbtadrax7m0hpcRB6G8O5TW+nRWVO936WxrE3F21PPuh\n6R4jXfzS5BX7EdiKeEyr8Y6zNDNY5acnzhHBKnwZFUX/6tmr6Gp3la6t0R3e\nL3kvq6jygbfjCFHZWMLpRPuRxzDkioHBiXjD+KVP+AU6iWhKtMwGeGLOM+HE\nrDLQc/FTJ3PURw+GVabPzqdmJk+SD1KQZh2VQQE/4Yj+W4/mbcKUuqoO/PZ0\nj0Zme+WfN40vvt9LrOythwxwPSWpKTcWaIjfOIkP2M/vGYAnjHwbscW04pjp\nqwECEodEc79iftexd8C3SfDkrva3k7DOasOjh604K41WkPNttB3gi9v9AdgY\njsaWSy0PTtESPwXfrvjNiYseWoiQcQtr3Noo1uVJLqZJWua+/lbXF1fK/tce\nBaLm\r\n=q1Ok\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuwihnAYg3+H8TN8fErOIbhUuuccz4reQICrTVPVcV4gIhALtGKwPWH0DdMpaVkvuz26lVeg00Ck5HXosyViPVl1RJ"}]},"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-circular-progress_0.20.0-canary.6c21f034.0_1602109804889_0.511591211977614"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.0":{"name":"@material/mwc-circular-progress","version":"0.19.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"^0.19.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"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-circular-progress@0.19.0","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-Vffocp0Gfw6wNm7h2bWbIzEwssba7JzmcHzr9LMjpfZjflYlexdbbiFXfRqivQwDOCp2KZDNcoQPWfeyGqXliQ==","shasum":"7ef80f57845b9456038883c38ba6bd77ae4397e7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.0.tgz","fileCount":16,"unpackedSize":52015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffkIpCRA9TVsSAnZWagAAJNEQAIaGc1jCmFh53yVVh3lx\nfYsAWOOAICqn/WXO/uvYA0QpzT9k2uXb6LjUGxOm3LyVessq7WEAjfd9OuhS\np7yhxuheAJ7YWxNnsM+d7UQaxKueecoVf00+gAPhcOghglfsmril9hmZjtIB\nlF0gQN0aVKfNRinyQH2O9QEU7aJAI7fdDC5Z+phblC/DjjbJa/S1u7qUbPcP\nCK00lT4jzDwdBtxiSZYHSLAgJr8JnAPOcAxp6vZjo7Sl7p7TE0s7SB2icRVr\ngdy8YySySakR6g32Gzm5pLbRd2By/5nHxUU45+LyZK0xOxApmdlra2TpMtLy\nnIppZqLbJOwQk/DzvnM4LPD1XtwFGHQdoZCeZjzt5h7Ek8XkZdGwSL8LpA8c\nYc2kOPCnqZVnB4tKIQae6+G+NozQPJXQzvXEQhjUMOS8STgj/G8Me86JbTLw\nT7Wzaz34uKbmd4Z400TAWO6AKLB6ynhHdgzZueA/BHqYuenFvUjSOMNOy6TY\ncSCYCTsFbjhWIpRSSaz8ldN92MVUSFDlBneKLAIcGU5MeRB+oJ8ZpNb+QESD\nLdkENWaJVtboMoFznv8/QsQQw51QLx4OXkDc6E0x7nxcmOAnz6MsJXCFQhtk\neZNu0xRSUU7JhmJMYM+/NO4kNK3iPcxAu1d1fYE8X7PXfI8OHj709RQRHSaO\np1u/\r\n=H/lI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUdOFJFkNUi1k57M1HXU4LL8a8GShBwQ56NfR1AlEq/QIgaPGC3dqUyiDgdmfO74dVQBE6ZBS3ATZXsZ5Nk1EsrHE="}]},"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-circular-progress_0.19.0_1602109993229_0.8749126539167287"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.1f026aaa.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.1f026aaa.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"0.20.0-canary.1f026aaa.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"3082455321637675854584edbbfeafa95d95dd1c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3082455321637675854584edbbfeafa95d95dd1c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3082455321637675854584edbbfeafa95d95dd1c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3082455321637675854584edbbfeafa95d95dd1c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3082455321637675854584edbbfeafa95d95dd1c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ZC/UygQNEY0pg5M2d2j81lPceYJTyNN25sXRnfSk+0wY5Mso2YgVbpnSI1a1MQ+CEU5A0zGiev4TvOFMhkeLnw==","shasum":"39a7c9cc1d5b3be4c69846253a2b65cc4dbc2079","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.1f026aaa.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff5hcCRA9TVsSAnZWagAAqGMP/iZKM7ry1FCAfdr4+a8S\n7N+9CCDJguSy2mpheGu8yF62+/rdI0SXOUqPCKwps7cCsCiSR3QnBmApXlNS\nV2XTTS13qfdLNZwOOojoI75fWyVxnjn5Xg1g31zObh0O1PZDjodgS+l54lLd\nvTuHTT39DKA6O/BpY/rJLmT89pvZI6/bFSkV+hRUz1ILtHN5UF7IIqYUJm6t\naZulnjmEkMhKN72G8UGJr83930eVSElOTOY4Lt52JWC9k6DeTpK6yKbMJfGU\nAOL4fUdmO5PLpkE8TK7icUY1ckqFGlInqgfcrTOjGu71Lu+rA7CUjf9XjWfs\ny9c2stioiFUuy5tIwDFkK0vfea9fAMa252JbkB51lrWnRfDbJclkY2x8CYAQ\nL7CAJNwqpcR2ZeONSaQ/cg9TGdZWCn3FSMo7pJFP1aB+r9kRs8gXWJlxEYzI\nuvSMPkDzMmKGEqQYPnxruTSiClNiLezdWBLZwQrSVHPrClIR3+kqdL9WIWXP\nnzn4Pld3N2Ovz3hf1HSqaN7UZrJSYoPX3FoifkEVXfKoJHZr7D4xB4YLmjJ6\nkhPAKkLat3TXILxZZCS6XxkVgJN3AsbLBpYsvs8VZIVEQlIiLb+tdJfTvEPj\nNo/xKO4NokNZTTs2pS2C4ZDU/pV4lhxilFyDyRS7F20/5hZCnoYWHo2fIhzH\nv5yx\r\n=yRaX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDjckem3/sO+c6kAnc42+mmQ0WzN/lPrlwGQUsCy6iEpAiBPuHwkrCDAjGPNYYWXBGX/8G+6bX9yaHTt5b3W5bEqbA=="}]},"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-circular-progress_0.20.0-canary.1f026aaa.0_1602197595875_0.4059116274878416"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.19.1":{"name":"@material/mwc-circular-progress","version":"0.19.1","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"^0.19.1","@material/theme":"=8.0.0-canary.774dcfc8e.0","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-circular-progress@0.19.1","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.20.2/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-CLImZIJrAck9wrBJA9OhMUnMxr9iuSU2o+K7dTLA+OThkeZ1TRZ5og3nHajQob6BxKsbisFqDWf8JR17e49G4g==","shasum":"d3388011e48471331c7a205f402835d0be6c8dc5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.19.1.tgz","fileCount":16,"unpackedSize":52015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff5tGCRA9TVsSAnZWagAAX74P/RmB2it0xGST0NdXp/AM\nIF8vRT4XLMy27WyIdNAGN5vQv3sv4Dhemmp5bVP5ai5uxCQAMdKRqmPfLIZz\ns0ExSCuGp9M7UZ708YE+nKB5MKN9+thYnIqYGT/Zghdz/fNmbIUmQE3Me8jE\nfFzJrZ/EIgQg7gLRk7H8EC784cQUm8dViey7VsfMTbAXhc5tD3MLsnMXUHpA\nwLXKkuKHyf6MZw4kSOhpE7sSj6edumh5xTf+x0cmPHoFLKxRjP5vBR+a+F0e\nRAjAI4DNJrGwTfT9bHpJJ10PbVlILtq1M2xPCRIuk9gw/TMQaAKhg7i1UvKM\n6j/oJbNxIjRsAwWwynGmbL7x+/ohb32j4qVKa8Bp/ju49fl/ZT9RJrNanBlu\nrI7Fx1nQgENSUuzWdJSNYCHwZ35BpcMdWMji2Xcf6QeUL5FhRrv6vwHdGahq\nlDJfOfg/0h+l0CFbTS8++W6sZQpEe5LV+B0V2LPb+OPkQTZ14LFt/g0PbX//\np85rQpbVk+27XP9QyJ8sNs0LvJNQ8B4bB1u2wcKtO6atwZJBYh8IkdfqZgJL\nJSmiI7hFmZJc1Koox4SRZO0j7oyzxbtd52hMtSDVuLwrjkUjgpAjhUh0/ixc\nOgF52Ml377KpALx/CIoNrURPw0QBeicKOC5H+WFDbrNAkcdbogyEdYVOp89J\ndoL4\r\n=hamU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFb96NMvhIXmriLAnRetpdOsX+JJ4FFALqRyApMjKDSdAiA+lCLAJFhI/ft6q4SR7pj2LwD7/Ce1oJJDAIjv8shHHQ=="}]},"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-circular-progress_0.19.1_1602198342154_0.6325807016150067"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5f6894b1.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.5f6894b1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.774dcfc8e.0","@material/mwc-base":"0.20.0-canary.5f6894b1.0","@material/theme":"=8.0.0-canary.774dcfc8e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"63718fb08d28bef1d0a9044bb2ae8026b49541a6","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/63718fb08d28bef1d0a9044bb2ae8026b49541a6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/63718fb08d28bef1d0a9044bb2ae8026b49541a6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/63718fb08d28bef1d0a9044bb2ae8026b49541a6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/63718fb08d28bef1d0a9044bb2ae8026b49541a6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-HwHrzxHrVFEupyngMYb54xJhbBCKtHSSnRXSrZU5gFMqXuLiJFm/OkHrFbMfPU2M9lTRLwYFbO3fpNPrQJmOXA==","shasum":"b8877128f6084cafc3433ba801d57126336c6afd","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.5f6894b1.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff5tyCRA9TVsSAnZWagAAXVEQAJJYD2X8skZ29zq26M+Q\n8BJZNmcz+8LIbxXePB1GtpMu+5wlei3yRd48Xsd/C3/s01w4B3dMYKB4Iuym\nSH+K+cyH67HZ4w3yOOXRPZDc6vOWe9X6itsSuz88sg/WboOgvlHKeH2TSjD/\nkGCMNOSdBYAu6xulcN5TW+ujh1fnbiVn1V6vZvBrvwj7E7LMLhI5VL/7ZpJp\nIW7jYFsg3j4WzYFSWHr+TvPkaTNLJnGNqLaFWKWFeB5Abm303VBelWPj9hDC\ngmnOo5Fxw9OrEdGtB91wBjk0yN8H1b30nrmtpbO4IaSawdZ71Na6OLjF59bq\nzf0kq49fWPnnA1lKb4iUB5meu/WurC2Op7Vmktk14G9zxdE+hutiV3ojlL2x\n78Ig17a08G3tksgw9WJ8f0bBuCHbpVvhkILe1+ftgEIFKIeu9fgw1aCo1Ra9\njubrGwQndugrSisf04HMjurQn4ZWgN/Elhrfgot0U+C9hfsLCc9ykcRWRlsz\njtMoeIKZxYLoErZw4vniDz4YLBJq3jzPEEY63NAD6vDhyDoqNjtvgDVp1Zzq\nN2P8OAemRibbT0uSjCPBEB/S28ay8fq3RPYkctjggbb8JpZ7r5bdRwGffZ6i\nUC8gBHiYU/nbS7qzlIznyln4QgUSo27gTYJ5cdC+zy2u5EixAsEVWKpor+9r\nSXVu\r\n=jbEr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC2f87XQXMyTuX8lo/yrUD9eppSyueWQGviUOR+PEfbPAiEA6XAwsAFGGQ4XQWIp0Au1V1MI4ayQb+CgsdYSXCP5MEM="}]},"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-circular-progress_0.20.0-canary.5f6894b1.0_1602198386222_0.011056641537556366"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.f6260d06.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.f6260d06.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.8a39352c8.0","@material/mwc-base":"0.20.0-canary.f6260d06.0","@material/theme":"=8.0.0-canary.8a39352c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d0f921476509811c1109c8805b0eaf1e5cbb3218","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d0f921476509811c1109c8805b0eaf1e5cbb3218/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d0f921476509811c1109c8805b0eaf1e5cbb3218/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d0f921476509811c1109c8805b0eaf1e5cbb3218/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d0f921476509811c1109c8805b0eaf1e5cbb3218/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-lQtkiPRraOoN+qlRkNDHPVOdcuHcxWiIjzYMbXZGDAEm19YUwAE6HVnlopiNuoy60zzrZ+lfkw3R4ZRAKXg/nw==","shasum":"d08b5f1d87b9066b90944c4109c2ae17fe040263","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.f6260d06.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhNnRCRA9TVsSAnZWagAAKLcQAJWH5fjg29PUR4SaZKYV\n/mznS79zpFoQ20SYiPBA1ASGQ1ikxVnNX706Lhy4UNi9DU+2zjCPmh5Un4Uz\nb+8gKi45K4uxspi6uS8hAFeoKRJipkxvvuHIi0UtP7hu1k26ISt8/erTa0GK\nNzGQTJg9h99flER4CWKWMindjpHPe+Ad6zbZOg/kp8JPZM4l7uSYxsV/D32X\nFKPV4Q42G+mauZ+WDnSSb2pft5u9ldTIUD7YmIm5i5ugvs978q6SwCnwWqNA\nvTSPyemiIV/IxKSkO4Bz1ayvYiSMqNYYow/nAgsdH6EvXE2ZVMD7qryxHq17\nTxkypJfyLFd3H4P+a1Zq+X6codEtLbrx4650VTqNbAA8d8KAqOkNtw1h8bpd\nCAQhQA80CdDAzKAEErwjNbWrktEBsLFW5wlJaVdIEGrxQcto3Nni6IcMlO0+\nCvob3QMI9pF1JwB7BmDMldT+Ug4+/GG42ezJkm9qSy99YXYH/o6G9NhVigaz\nEFq5dBQMg/gsHu/A7OQiSu+u90h+7H1YCNcTQN0KCWKQTmZRlh+UK0+WTzLQ\nVFVMHBi8Em1dhLa/pdlPxCLfMVsII0ZQkFoE+3PMM6CX0g7gC+k9DBjvjZ/C\nmvXrMZZs380VHrUup1L0lxjROYgQNeiYWFE+A/ZAR/Irbz8cwktZSn0S+cCm\noODi\r\n=fRFE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA8x34/M+bbtvnD+CfZSOSfsVThpduqmTBBuLqxP27NlAiEA9CszLBoPcm/W3/h8CQtALhgaJejqpqEMbAO+Q2Z9WD0="}]},"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-circular-progress_0.20.0-canary.f6260d06.0_1602542033112_0.4817595163054136"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.2d1b08aa.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.2d1b08aa.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.8a39352c8.0","@material/mwc-base":"0.20.0-canary.2d1b08aa.0","@material/theme":"=8.0.0-canary.8a39352c8.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"ecded3a50181254f2caf9e2d7049466e24129104","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecded3a50181254f2caf9e2d7049466e24129104/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecded3a50181254f2caf9e2d7049466e24129104/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecded3a50181254f2caf9e2d7049466e24129104/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecded3a50181254f2caf9e2d7049466e24129104/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UDZD6h8D4kR3WWfaLoZ0grSeD5wVh9ZJJqNsE9aAPmuLotHp7foqiiSRmwfYiu9fbOWRGSVTncy1L9xtezPA8w==","shasum":"b5acb3e2676d2b91d4a2d5122e928668fbc94730","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.2d1b08aa.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhf5FCRA9TVsSAnZWagAAI5MQAImp6GvI6Trqz8JyT2q5\nLnFfodXyuXlaZsXueo0EAvKsOdPJu2dbvgm+WQ1tkX+ejgQiJjhb/fijQ9fx\nXjxwvge6zuPusRU0sSjFlOkQAXY7JokotBcOrqUKBwBUNDiTww80NfSbz0oD\navUeiig+UkOq9agKlAcgPdjIaSnwnqYCG9LrlinWDOmydZEMk8FFtrBcBKSV\nxxYt6cGbBlcYkplvSdA1O84QR0eQ37eqFbdBDHHDTNg0Hn4W9sea1wFIIkn+\nX4r08JVyrLUXIUUAO1nuV6mEYwmy7M2aag9i1MTZgnvjtXx1jm7VOcWkqr2P\nlxEVpF9QL4WE+xuO1YhYIuYjVYsZ5NVw7H1ijSWkIizSe5BTsCYZ/lMS1gi9\nmp8i2Rc6+jQe4aRemz87dtDGn6+hr4MwuYCdYgEQakJEr0MfUWpdnhOmDI3F\nZYC5b3PWxYDi4hecLcmHA2qLBlYmvXhhUnfh1rD6oCChNcucY5dynFMNzrhc\n/59Hptlhqwl4cS12ljG3vma6JCY1Cz6tD+zg6CYaTYf/rHrTsjCJEva5TU2x\nuHAr4tilUHkOo42YRW93kmL3mE4U5npPGHHm7h/hn0gp5JiJxtZuYSK3EgEt\noZajtk+nojpTF3s2ctyUpvG0sD30fXPe+/YmmyihpbDyz8JP0onmKsQT0b3Q\nICJL\r\n=Ow4H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGAG0n6NQNQnmf/VaASZcWXKLbjzc0th6wyj1vcuIZlfAiEAiVFx41m1ZXxur1mQkUkI74MHarIxBS6R3iv/DSe1p9U="}]},"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-circular-progress_0.20.0-canary.2d1b08aa.0_1602616901566_0.2802457618348153"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5bd58844.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.5bd58844.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.790ca85fd.0","@material/mwc-base":"0.20.0-canary.5bd58844.0","@material/theme":"=8.0.0-canary.790ca85fd.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"f577a3de2e8463259c7e4a5834fb1873a4bced9c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f577a3de2e8463259c7e4a5834fb1873a4bced9c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f577a3de2e8463259c7e4a5834fb1873a4bced9c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f577a3de2e8463259c7e4a5834fb1873a4bced9c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f577a3de2e8463259c7e4a5834fb1873a4bced9c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-36c8Y914sRajpIDzQLW520LaoDh+FxY5gb1LZQfAtOK5hkZUfNTlAlVyDlDUsnHs1sC1FmuGCB12RvT136qTyg==","shasum":"53244085436aa275f451076a9b29514a17b007cd","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.5bd58844.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhjwwCRA9TVsSAnZWagAA/5sQAJbMIND303YcF+VhXGo/\nzd5mBtUI5voObTCKKJuukDqGQrD5wYgK733/8izeLS2eCVmcPggdvT8YH1e2\njjxllXyasJEBr4QyNeI6XehSk9Hn+yBswQej9YfCrMCmDI6k4GsQ6YcmgDgX\nrWda4ovef76Sb/+Qbr5c8LKKhCMCwIcVMj0teWcDaQaZXI0Cthksi9S9dn6K\nn5bUzLVjsKDymaB4QSdLcNZ4OkNHylkermsOUBZQb78tr/a9fCSdHJIKjgy5\nU0PUoURvP3qRfrtadoQEqA9wjep30r4UaUUnqbq2v5b7Lz1sFHQ2ln6grQOt\nBpKBMb+pqtyn8Km2vsCigETkqZOgW04XwMh77IivyPOAbde5q+ccAUs2gvek\nLwJDYKoy/x9iXxfBpjk5k8Qag3TzH9PZ0QY6rb0kdki0CHOBLCin4Dybm11x\nwOxZT37UBRPhlvYrrcXG3E2R7g+/jJui4eqAyLv5RCdL6WWmONrYcTx4r6ZI\ndr1OeKw+TKdiRVtOyvGqmNFQ+0rtcfJJkqDJa7tkf0241hhEUtoYFMHu5aTh\nIb3jb0Tp+dEiF17NNwDLLHihv2YgGfR456Fx/tq3yhMUM/BUu7KSTYEu3zfO\noOxSgVVti3ZUgSfBn0VuEVLEWwYFi/FJsns+iE2gudAahNqrBk6nyRXPQSq8\n7T9Z\r\n=02rL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDenTqDmg0SgRyDMI+K1Lm8XzujmVPA2KcrUf5B92PwWQIgPtif+uLs6KY9Ci2zBqlI80qj/Dqmt9NbEdK33OumilA="}]},"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-circular-progress_0.20.0-canary.5bd58844.0_1602632751536_0.997181786458023"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.bc846b29.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.bc846b29.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.c71ebfa02.0","@material/mwc-base":"0.20.0-canary.bc846b29.0","@material/theme":"=8.0.0-canary.c71ebfa02.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"08ef67ebd3aef2e1a1cfc139021dd528a4275f6c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/08ef67ebd3aef2e1a1cfc139021dd528a4275f6c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/08ef67ebd3aef2e1a1cfc139021dd528a4275f6c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/08ef67ebd3aef2e1a1cfc139021dd528a4275f6c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/08ef67ebd3aef2e1a1cfc139021dd528a4275f6c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-2JJtcFSwqWvuybJen9/BjZxzR4UMLm73qjeoyIlxeSf2xb7R7+xS1APPd9eZhP1650Vb1xYtzIsidfTtEMMX6Q==","shasum":"da2fb629ce70eee508c3bc6718af9aa458877f77","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.bc846b29.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfh0A5CRA9TVsSAnZWagAAH68P/0FQ3rsIKcB8yuTdWlha\n3nMccnOh/81xWbHEGQqS/EVCaLDGpi2xK1F1aNmn2InBKOvaWS6nJF+Xh96R\nzRrCKXGUGI7Sz4sgd2uZWeJQqOX7oOf+MNeO0lpnE6k9yg8UOpiTZf4SP085\nX7ZtvMgGWr0L12ahUcAZfunM7hsIieBE9v4w8kdHTHytR8UPl8Usi9J5WZdX\nyTarjK/U4/WAFJEdIgMLmi4yjfBOfd8kSbOdDf75pEKsTuQcxm0WRUUBRi4b\nbeFTDjNhGBvMv79SQhc/881YpswVpKOeMejuqPORtMcFbJsv5y/3Mg4HdnYn\nqJ9gUfYaTKq1/Xxwi3JvWB+aIIqqiuOt59bonh5Hs+QtUpqnILhNbkP163Ku\n8lp92g7sIRaC0e1pyiXjDdgaySduDvF7PxD3nlqymvqV1q5XUeyv9HnBRmGB\ncryZGCYc6wJY4E1DJMi96OpI/Kn+v5aN6pxmgTpg149JTNkAus3MfRo5Hhf5\nJA3eAiPly+0PEMWJwETbTLTtrIj8R9EmpUZGL4oJw9vNstsR6zHfEmS3eRWb\nN4ocvsEl2JvVVb6GIG8HMpWQe4K125spxVfXl5MTxy5/E91fSwZ7wx+zssE4\nSBniMbjYKeu3v+8QxtxqFTfF8/0PaHwpwkjGRdiRbe3uoovO3Wyole4PBYHe\neH88\r\n=1RiG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPm6118zMlTnniEMTOHb/yubNU8SsKxJ+wAYrlehw7/AiAUrQG8B/5/nMDFx5RBE0pQH8TbpQ35PBPfAl1Bilqr6Q=="}]},"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-circular-progress_0.20.0-canary.bc846b29.0_1602699321532_0.013059385503723098"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.3280b686.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.3280b686.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.c71ebfa02.0","@material/mwc-base":"0.20.0-canary.3280b686.0","@material/theme":"=8.0.0-canary.c71ebfa02.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b97a59c2fac8d04478f24f297f15106622007735","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b97a59c2fac8d04478f24f297f15106622007735/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b97a59c2fac8d04478f24f297f15106622007735/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b97a59c2fac8d04478f24f297f15106622007735/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b97a59c2fac8d04478f24f297f15106622007735/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-T4PgE0IDEZy7T4TMRdsJIQOStMFI2r/UlXbFFoCXskmLu1YyXpll8MmOnkvOqmsqTdv6MsJ2kysC0J59nYWCqw==","shasum":"5e3781f56d40c38fa87e91be4b36a87ccf25324b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.3280b686.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiONuCRA9TVsSAnZWagAAX7IP/RO+rycW+6IiFXm2HCKN\nJcY0CHVnJtClY+e/6i28xCaNeF/IYgKbme9mzoFKpqbatLFo0pT4fLMrTf4/\n3UP0G5kX/rcQNJgPvfD7dUL9sSdSQwggzcwuvuzV64/+naDuBfjnm8s/8T+F\nzdfsmr4wrKqPP5xfbNSYtWogVwgYSuqNLmCBXK6zUtsfBXb3cJajywmDuHLY\niSqUr+Ry81Ddo8XHRfobggPi8PZMo6TOS8/b093mVwJd+xOtwPWq1sc11V1o\n2TbyunbO0BI9qarxqPuZ2zjkYdxmWp8EhgXmgQ5A7StzslwPiDIghYtQTxbG\n7hV3S37FIFGN4QhDBr3j8FTUK2/hxbghSLcswo22v9TjtSYe5EQNNvmxgDW5\nPiII48RL4sjGi/UOWyJCn56WOhgixxuAt/UokRe9j7MZd4PDpzYsvkX+RkCL\n40K9ZhP34eaH2dcgax14Pbllf92LIkMJzeR50wWqxNx+QiyaETEKiSkSnmYp\nfKwjvwWZSzpJ+WBNuhIXKVLsn8HRkcBuETG0Su5zQ8tLvahkrZpFoLVV+7Qg\nxEbHzTC2oAyMwsPuTqPGmoiVpSx9EhdJr4ux3gYyYu7WhxRoRivs2g3pwjce\niH/nI49+Bt9e2z7US81yT0ZdHjwnFDU3tRl0OmW06EY4mWju4PFowKWcw634\nfAwX\r\n=J7zu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6Eu93WvjDFRPg8DXIZmN9Ys/PJ0eq/WLuJ/Bd7Mo5NgIgdJG6SKWxUimX1zAffPAvkITcHasb0SOVLklbu4NzgwE="}]},"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-circular-progress_0.20.0-canary.3280b686.0_1602806638051_0.48806952094015377"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.9e94cd38.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.9e94cd38.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.c71ebfa02.0","@material/mwc-base":"0.20.0-canary.9e94cd38.0","@material/theme":"=8.0.0-canary.c71ebfa02.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"805fad1d9b182d084e682ab7e59a4e45d40872a2","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/805fad1d9b182d084e682ab7e59a4e45d40872a2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/805fad1d9b182d084e682ab7e59a4e45d40872a2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/805fad1d9b182d084e682ab7e59a4e45d40872a2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/805fad1d9b182d084e682ab7e59a4e45d40872a2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CJ/B9hjnDT+MK7l/ZldHsDppoUD/jjkqg0KPue/FVBNRcDG32/nhdNZGsxWtKDOAs+ajBiijoNnfdPrxETqEPA==","shasum":"856fdc17834110a6419a75b83e038f3a447c4f0d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.9e94cd38.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfig0WCRA9TVsSAnZWagAAomEP/1YfH5dfE3KJxaLBDFAe\nMbIkEcul/PMe6SJNzP7K5m8JxZkRD99AIdqFcnzETyQMlEQ+/MTaZKHjZFGy\ng2yaptzSaRP46oV3i2IRyb9SQBc8up4eoE0xSM+q0hHcfByH1S5dpdGJg8yF\nqt4Hk7btuNp0eTcgBLKnHEh7D7pH6Q4I3SI4uac1FUf/0H6JlduRJjNnDP/X\nZIbEMRdYnJWxuc9lGWGmWTWN+WIuHmYVuhVIj4eOzEufJZZUzDC/QxlaqlFy\nWQMP5qfZZwsbij9QM3MUbj02Cy4eD+poB8n00iplTH6IHyw29GK3IDDZuxi4\n54Yx1bP6ZIxrX4EmL3R0Zh4Zt/rffY2EUXMOQEcdkmNQr451M4rtES0Lb0G/\nRWCicD6gCPuIIIWFXLCdy6K+hlAIVDYUTl8SU0qHo+saUaVZadPfncQfxB+Y\noZuHOm42lu9UABj4MlUSoB/mbg2hSV5zg+gfq4MM3HSG2ppNFQL337v8R7wT\nifM9Lzb+WsRUzBsi1qzbiJ/ww2X2f8KCxs5TGjFVyJjHcWKw19BYtKfSqiVu\nbF9w8iyZh9bj39APveMLIwhHCScZ2N+X7ypuKAaRtstqDckOPv5ikuQL6FSR\nJwwIRfoWN+CMUt8o7TVLDZmWCgeKK6/p/4hegVR54gAtj/KY6fh2jVtKshlh\n7NRF\r\n=vjXN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHXWUQ3oymBdmH1hodfzYZ3yMBYcU0PI0o8+cIitiMPvAiB+9JOyIbFG6xjrci9b3UOZpuMoVZjjzxP4ko6/4T4VQA=="}]},"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-circular-progress_0.20.0-canary.9e94cd38.0_1602882838425_0.5137951759867079"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.4773c773.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.4773c773.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.2ab716cbd.0","@material/mwc-base":"0.20.0-canary.4773c773.0","@material/theme":"=8.0.0-canary.2ab716cbd.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"fbc8b44864ae10f0bb46e568b25bf4de49eab777","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbc8b44864ae10f0bb46e568b25bf4de49eab777/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbc8b44864ae10f0bb46e568b25bf4de49eab777/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbc8b44864ae10f0bb46e568b25bf4de49eab777/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbc8b44864ae10f0bb46e568b25bf4de49eab777/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-O9RgsMw7+3fDqXAR9W1Ap9/g+yD7m80wt+quM+jihJiKpHtjQcdQO4ZM+IEPGkxSHef2eqzaN/QR4x2UzV2Mrw==","shasum":"3d0965ba89fbe3bb20d3789780696553326ee0ae","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.4773c773.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfih/ICRA9TVsSAnZWagAA/VgP/R24Z51qrgpBDBcnjIRz\nh/Y0p0WjXGgHXAtkDufaaUm8nyblcuflVyiwDBNH0Vruq5zmYnd2Jmn2Xgph\n2ZEVOpyJ3B64qB1Fra50htm10TlCkxEz/sgqy8ggUESfRDN/CD44Hj0Ubg65\nrI8lleXkQbg2e58vvTKTPyrnLtZX2yfVh2oBi7wGoeoSfFbpNbKLSWR9BXqs\niUE2I+czd1JVvLFvqRamtckFYdHftKpq2iCufJWz5S71/ebNkxDkMeAvZJbF\nZf6epXTAKmEXzluopBICmFWv19VfgczEQ/hxVcHvm12iyuxnl00pwY1zu0W4\nWT+w8j43KPKczVFA7tmVHIluPg5+9WARgukhfKLGtyvkCTjVeU3tbSFGLLON\n/+QUrcuKmlNJ+DGC4OqFkoiHdTLlDklZd77OzjLt9IKOVB4B9LqRG7JhKfU8\ncgMtWdWw96DHpqMrGVBv1ezjirPLZ5LmeCDa87ezhJtGdxhkS4nje4YNBMb9\n4N9CY7KPttZWc34tJ+jUiUJMcKonMW0wWDNHhkycsHwDVG5X37OeIySaZTzg\nOpBtkQ6I5E1c4O38OcHl9P8U0uR1DDBxw/l6KfQtmCSl7Bn0uOXzr4r1XhNJ\nGpGCk46PTVpj5+uRJCz1vi+ITFkdEWRrLHd+GGJopF22O+3UUU4F1ItE4bzi\n0gvW\r\n=NGUL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJ9HCYKf10QdrOzSGrcO1oSc8Xkf9Dz02ZbHY8VdkeLQIhAP3kVNqn9QDU6MdTGCGYhCSV06zKJ6+3afKZMIQKtnvm"}]},"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-circular-progress_0.20.0-canary.4773c773.0_1602887622797_0.9244950881872287"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.65787913.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.65787913.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.43c1c5e2f.0","@material/mwc-base":"0.20.0-canary.65787913.0","@material/theme":"=8.0.0-canary.43c1c5e2f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"b21d55977da5e0c291e9fcf3fb992ff4c683233c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b21d55977da5e0c291e9fcf3fb992ff4c683233c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b21d55977da5e0c291e9fcf3fb992ff4c683233c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b21d55977da5e0c291e9fcf3fb992ff4c683233c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b21d55977da5e0c291e9fcf3fb992ff4c683233c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-9ZFNxNuFd691GP9/xZ3MerBNwqiEXWdDA/StTTYaa2MBbuk2sURYQg5hRsZQlsM0Dje3xDL8fQ3eznoLSeNCBw==","shasum":"bc137a35123bfc6f4f91ef512f48de6e3afd5ae6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.65787913.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjd/1CRA9TVsSAnZWagAAbuYQAKOmiMgQgix7oXI7u0ci\nzEeSerpoeeF/BeXCXDekm4Hyevct3QnovNcO9NnOIuF3Y2QdXhWYPrTkSdk3\nkFWZO0TmGwJsmLZvjdhgdHhe8rZNJCOjnrfGuP5lGR73Wus/lQrZ2QL207UM\nCi/qO4PgtrkdnfBvQ1vtBVGXctXcZweOxGXTQZs7c+IcfbJZwvInofXpjfxo\nM5JRpYmbzBcBMEjEf1XzuUdMicOVKi+cs6CJ63fBwuFkJ1gBcRtxah6kYnl0\nJP85N35c8kcvc3950uVgFRiZHDxVLlrlTz2oWgjXzY2ptHlUK+cLf7SY7H2U\nJM5NVZaTzweWhu74P9Gd30m7D0K6hrEWNn2yk9f5JIaJ85YI9LguHd2p+EHE\ncnuqLeM4GnZXTLNhgUtlwlpzIFUmLS6X8mbUxWdH5EqJ02zNfBycUpnZcxia\nsoS2ec4lxWPHEP7xnZH14kZirRHqdxljT4vDhSXYh/pxClKQ/ML6un4Ze+fA\nrsllWq+XdeVFo57D6vNF1gf3FiWcEhsMhSBOYiPKjdftkavbB9vlfIwBhGvt\nW6YmLa2v3Y/aUPy5zQza+iYTVT6NK/X+R7W2uV3ZtNFW4SiraSNdgu1Fh/bg\njJqqcJBohJgvoZnVolxVzNxp9oV0+kLOINVHlSCHi1qx7/46rAjn84IJeR0n\nOSBC\r\n=MXri\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC93Q4OzrZzhtAJ6ikL9Xd1LBJSzJXa1O79PXiYWzFxKAiBkJs5nKlXGjXtxcMOLPi1miARIDiP89Ugr98PCDsVEhQ=="}]},"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-circular-progress_0.20.0-canary.65787913.0_1603133428723_0.6629270366386986"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5485fba3.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.5485fba3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.43c1c5e2f.0","@material/mwc-base":"0.20.0-canary.5485fba3.0","@material/theme":"=8.0.0-canary.43c1c5e2f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"9648298c6a3406f312222d0c0949954cc1e250e4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9648298c6a3406f312222d0c0949954cc1e250e4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9648298c6a3406f312222d0c0949954cc1e250e4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9648298c6a3406f312222d0c0949954cc1e250e4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9648298c6a3406f312222d0c0949954cc1e250e4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bG4ufKB+1iRtWgi5iP7vJRs1691ynYzQx5HLyQVuHDBhNwefIktCvQaXgMJxNAjf4EDzPHAvn1haHlb/fNhZrA==","shasum":"ee1553f7fcf0f7c2668bbfbc766b167af6329cc2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.5485fba3.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjgPhCRA9TVsSAnZWagAAHe0P/03OahlhnK7zg1BWDaft\nkVwmI1WpxtIiLxUFJrzkbJraivlcdwi7YxVoJT8q1ptnqIUydRhuSjLmmmxO\nEugLNDn+Kty7MzoqRf8X15WfpEqwHx4/yeeo5jZjKjXwmj7bNYUl0/Yi2MlL\nL5dWE/I2quZkXaMT8Z/HaG8WWzLAyMrLoaNrnjpst0swMIilHxd0pm4G3dZ6\nd0jdKvWfWbr2XkXUsPY6ZTxtjdpIiaZudLivfTrv2YQEAzeugzzvhN3SKaxP\ntDwE4ouwxyhy8I/Or/SwWxOi2+Jps8X3dv9RG/clAWAENQP1z+c3oPJgRTBX\nc0ErQ/g1f+Llu3EW7FVAu/b2yHulSiz8+Ks83sd7UR/OG3GhQGjcZgV773Uv\nufaMbUCNgSVHMPO4E845np7CLmA2BrNV2bgrXa8gWfYiZMLEQDWCElDZGefs\nlfwQ3Ac9MCSSk6YGuI4HWPPqeqGgwC5a3ko1cg3SXOJiql0q0aLjw29dOuVX\natS/v1noYokPiSUpGGcKlgdHeR1S7GsieT418DqXCuSeDUxxISbuZPCNyxad\nmbqFEtnzS5DxllGiglP2Ha/hcCJT/lLqf/VnZclGq8ao0k+wjPorm/XrnfkC\neOu9WB7FKMtPPEQlmDZeCG7+VqIFeEtJVv5PS5DyEZuR9Nmgi/Jw0Js7xGK0\neI+i\r\n=SqM1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFfRqpHLI3kY6TfQ8psvmLS0iA6ay3mrxYB9cBbcw7U4AiBMl5ZbPliy6YnEe7hlIqCwS5rS31c5xI6WqB7EyrFnQg=="}]},"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-circular-progress_0.20.0-canary.5485fba3.0_1603142624694_0.7037531038489768"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a39d0a92.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.a39d0a92.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.43c1c5e2f.0","@material/mwc-base":"0.20.0-canary.a39d0a92.0","@material/theme":"=8.0.0-canary.43c1c5e2f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"c523e6fd9acdd92ef501444da567a8910ed478e7","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c523e6fd9acdd92ef501444da567a8910ed478e7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c523e6fd9acdd92ef501444da567a8910ed478e7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c523e6fd9acdd92ef501444da567a8910ed478e7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c523e6fd9acdd92ef501444da567a8910ed478e7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Vh9XtMSVvc67XbCYOYHbfJFjPTcmpU8iyknaKCWSIOHaiFa6x+2uw0sBp+9d5i4s56M87VnsjbMeg11uBH8sOA==","shasum":"4f86f27a60adefa6ff9fa99198d48d4d4007dadf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.a39d0a92.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfk0nGCRA9TVsSAnZWagAAw8oP/jb6r+4wtTKsPx4heJwC\nZg6gauUX5kVIMN4FnKjdWl/+NWFN1zenmWfA3nbc/VFb7AzZA60FWQ7o9QKd\n6rywVGBuDD3ZJWDzXcIhWbQEJqfVRzq1xHSrEH4jgFzlL9HaHm/3QDfNCO6c\njfe0jLIjcSY2d1SVjJXv6hku73J6kPVSU9eZDvcQejOqqij7X2mY0bImOh9E\neaxjprVXvDdabsdm1OzmBH7eyw1uuMKaHONAcNtRdDjwYkdZmsbuCDhUTQ0m\nGAIGrwqm4xHkTKzLWtPGWji/vhdjzDbJYLEowq4jYVZMth7aLTZFP9xX7BbM\n5k04s5Zw/vH/LpYqNjI8mtc2PIBpiXuvsJ6g+GsISwQ/cJrWncubjE1zzGoJ\nHCl/XCNomEY89CDHWFqx0CaXqq95TOFuKW5fBaufV02PWpFBmky3AcxPASMv\nHzh1LBFdZ1TWbFS2KFj/fT7xLgh7GYQABXSlZ/QIdHYOi82ASEQCcJ1x+Br9\nATBWVyKeuvGcmNpfQUP0oXOzM3NDm2weIXkGPb/mtxdL/rM2m2uioKnO5AEP\nb9reG9jcpPLIreYIZ8ILdb1TcZjdRoymwIWjyR6K6NwgPiww7pWojuwt9oEI\nqBo5YZITbGekFKRwvE1VRNVQvgG/ZKSg74YanRrWJNZQ0V1SQNfCN+Bon68t\n4oOW\r\n=SbjO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE/gGRemtAV6f5MYR+jN/t3Kg8kqcrtfmQD0+pM7mugpAiEA9hG0DvdnYycioCA2yHOLaJzOohq0TDiHZn2z4MhW+6g="}]},"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-circular-progress_0.20.0-canary.a39d0a92.0_1603488198295_0.7069357819412916"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.4eafcbc1.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.4eafcbc1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.ccc64eea3.0","@material/mwc-base":"0.20.0-canary.4eafcbc1.0","@material/theme":"=8.0.0-canary.ccc64eea3.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d5be869d7cb28aaf425a4fae37a4f61d918dc1d4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5be869d7cb28aaf425a4fae37a4f61d918dc1d4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5be869d7cb28aaf425a4fae37a4f61d918dc1d4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5be869d7cb28aaf425a4fae37a4f61d918dc1d4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5be869d7cb28aaf425a4fae37a4f61d918dc1d4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Jb5k5z1Hw3cktxs5j6KxNfhCzJWqTDriJ+fROYONVIRbMiLZvlwYbsb7Yt/YShKpdPjT5pju4P/oSNOIKuEyMQ==","shasum":"4b6639c9e5c9ecef2d5d69d05600ccdd3e0db6de","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.4eafcbc1.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfl3XjCRA9TVsSAnZWagAAogkP/0l6yoqy1s7Mw+4WIn2R\nR1HA874HaTqBB3MC7B+Xu7KyijFqGFqQgxIBg4ZNII9rkQhI2tc0gA1GA2sZ\na5jV59D0g0BVZGd8bz89MVTiy2DhcFCLuuLl9iqB91zgYA+ZExAkaeDvSOe4\nviD1uK2TyU+uH4Rz3y9k/Qlv70yBcWBQjfwMb84ptsWWu5CxlVkW8mk8UnF5\nC0D11NCkeLEGCn+cOdf2vCvwg5HiVOhdpmRhiWsswDYbzvIcd5tOVvzbCW4j\nVFIHGbhBMNY1dwwp4qiddrIPk3AyJRl+QUEMVpVDTlRgHbJKj6JsfO/0/kVV\nlV6REU2mWdvxYHCbf9lbhUuee6+WJUYTpzU3JEjB4werQJEQZZD3uSfRFAEi\n0JNCKyX0vZNCY0I9Lv90F0NBhVuNqMA/GikVEkJVEGesu/s0HT5kynvni14O\nMC5SRmSpsGa5w5GZhH2AvGNkDMAImR3ifyMVzRKUaR4UVe0RHZxB1jn6x9E0\nO6X0VMnyragVLglDLFca3SBQXJ15w5pKFVgE/HkTuFUltK8Js8y5i+oqJMd1\nHSNjRu6QB+i0KA4NaN19VO58ypeuVDJUM2I0E6kDBbphWMOblKgB8PUXIh43\nX6DKCyrC28vvLwn/0/JqQhMk8s52fZmc4Ntt+UymWI0Jh1BC+Q/QDEpgYrB3\nQ7hg\r\n=Lgnc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDNpCQJ+tRbcaptuFcKwsaWpEGSfd3OwmGMX4QDubmZOAiBts1sAS2Yg802VjMDJoUZxZxs6tfc8OfT8PPXIm9ImTg=="}]},"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-circular-progress_0.20.0-canary.4eafcbc1.0_1603761634607_0.0003712131687896303"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.32961593.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.32961593.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.a79cdd019.0","@material/mwc-base":"0.20.0-canary.32961593.0","@material/theme":"=8.0.0-canary.a79cdd019.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"af0d60d5c2174ff8ae5098ea73212398be59bc74","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af0d60d5c2174ff8ae5098ea73212398be59bc74/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af0d60d5c2174ff8ae5098ea73212398be59bc74/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af0d60d5c2174ff8ae5098ea73212398be59bc74/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af0d60d5c2174ff8ae5098ea73212398be59bc74/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Ypv6PN+KkHn6IWYrk3Qr9lfA6LmwZUYor1VmyB8L+zH/yqVbq0YyMTfbre3giYYSzkr4TI+dspVD0VqHhwfPSA==","shasum":"21ea6e6eb6c770c802a9decfca5f29f38442926e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.32961593.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmL2FCRA9TVsSAnZWagAAyQkP/3J5pA+/mbnFnQZX+YHw\nP2W/ZzpHCiS+Bedt6OjYfcfodgtp7XqzydGhISqCg1UvIXuwhqxuG4zo1pnP\nydWA8BCrYV5zI0OEygREypXRCCUK7RJv1sUZC0UpQgB1pHukrad+52p0vNnx\ni32qhhvmCspGTeP2D1PwMef0ggoFr+8Sc3TNEspxdBH77ePzTZ6tWw9fEIru\nIqt8Nq0zd8+VFK56b6bf4alwuAKaz90+0XqgJASN6R6FzsUEyA6Z2V73ZbEf\nKaOLCFetCKWyYvFUDykra3KPaNkd2hhTFMVFmni4bNGt+Dz+8JagHoeUlYhY\nzA6jXWRIWMJxlQLfkp9earWpoR8iF068LT8r4Kez6W5v3qDRsP4oVPNwaOvN\nbD87LKjOlzUEg1nhbM+AweZuLjkb9XgiGG1yjreAS4L/QX08Hn064pmN2/SS\n1k6WM7md9zxGJnrYienVNnMcfafHuTmObpkZoBWUP5UEoDXJZUmyWXyq7Rt/\niLDfvJkLfFdpNE9wsjWZjkzE3eF+kZvF0HzqzDzkYHZ16iU9YGyuO0UebOnd\n9BMvW8QbUOm+IBmADZU2c1xhXGbLNuF2UTu0Iq0HRsQAQhMHHJ7oqHn+N7R4\nZx8+BPk4+kMjoRb/GMlt468p7WpawZClUvBbbjStrDx9lwbonHqq3hpq+mW1\nOIRl\r\n=G6XY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIElp2rMAQngwTyPQNJes1ku0cZZtCmIQTI5DLzheOWPfAiEA/S9sW7W2fuydJBLnk9qqIqsyvNyva5HsP1dr8w8FCbk="}]},"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-circular-progress_0.20.0-canary.32961593.0_1603845509252_0.6515351161392"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.8e3a0601.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.8e3a0601.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.a79cdd019.0","@material/mwc-base":"0.20.0-canary.8e3a0601.0","@material/theme":"=8.0.0-canary.a79cdd019.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"a21493f177ef3992fcd667ec3ce774d4fc926d7a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a21493f177ef3992fcd667ec3ce774d4fc926d7a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a21493f177ef3992fcd667ec3ce774d4fc926d7a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a21493f177ef3992fcd667ec3ce774d4fc926d7a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a21493f177ef3992fcd667ec3ce774d4fc926d7a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-jPFDULfD1AsHa/AMCMRPSgW5Z7e5TX0JxQ9Y1A1VFMBtLSUvzQO8pepAsDTMSsGZ6RalY1ltRJk1DVN+jpp3BA==","shasum":"6fc0f3ce51123a78e4e16457fa14bff1d549c6ad","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.8e3a0601.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmzXeCRA9TVsSAnZWagAAKmsQAIki0apQaIDltBMKyG1u\n62nEvkRrDdkaqgiACzIjKU05N8G7uveJOnw/G4dStXqgPPQ0RKru84e1vVzA\nANGk1I48Um/t09UdqiX7Z9vMOIsSUs8YsN9VK+O76WdAG+BMBhh4aEFN3uZl\nA6tlmYtCbjNa/EcTTA/xjzJEa0+Apl9AitGuEpg8ODNpT9e4INAjZCfLCXO5\narB/Qw6OXICEZqALDyYURE7I3pAEeLYxJC8R9uA7R7gV0DGuPUrB5TSEQ/i4\n+Zrys6hm021XzaTQdh1i/+frAtDKMOc8uJ4u8aq/RrGbVQ8NJqYUFsaVLlyP\nmFKkWnVxV7qC0X/oPiZJQQsNeSIOIG4xThGlzboOtgLByEwmAjMOVLyAKPhH\nKczqskV7RJvSi+RQqViASmuCXlXdGces6nBD08cq0geN7lS7WZbBspnKfUUE\ngaN9YOhrEyD8VrEx0ufWKdNrFj/VP8JTx0Orymo9qUqyxUfYgf3nq1EFCyas\n0DfTkAFHgJMhPBKh8oqSm0RrJdYL7Qq4nMSkvPn74Rm1wc8CSP+feCxeFWkn\nIfLNdiP/NjCI7m5DPAmaTLpieCENyUnFkuqTdWqFIel6ivh0zTQMTm3pXSsW\n9GbgW9HmjCAibENoEXAqCUVdpPZWi4aP7LO+VoxxGUBhqa/xvBx+AkvQIOdk\na/Jw\r\n=2QOW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPeKOxaKtt04npkW73X6zhOgyI40I8ZrPnVFGmnGwxhgIhAJATbWoEmA4HqIlIR8G00aYelk9FEl0a408CuffB2UXF"}]},"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-circular-progress_0.20.0-canary.8e3a0601.0_1604007390036_0.12262324708174677"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.178c25b4.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.178c25b4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.6d9648ab2.0","@material/mwc-base":"0.20.0-canary.178c25b4.0","@material/theme":"=8.0.0-canary.6d9648ab2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"80850b707414fb51c8072422d293bc7fea8a6d8d","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/80850b707414fb51c8072422d293bc7fea8a6d8d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/80850b707414fb51c8072422d293bc7fea8a6d8d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/80850b707414fb51c8072422d293bc7fea8a6d8d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/80850b707414fb51c8072422d293bc7fea8a6d8d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-JcXLvOqo1Ynx2YeR1qpum6+0DQ6GVS6SCzTjQlFORsQNTsc5/L8ZlNMcs453lfdZUPZ14BqbOhR77ErIxU2Jow==","shasum":"9bbe4676dcdd2ef89302eac6c47a2a8e718571a2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.178c25b4.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmzkICRA9TVsSAnZWagAAXwUQAJGagArvTRWX+R6/ggTr\nBccMcUdyYKC09tO0eksuViM9LXMpWqzGSSIyKMEm+DtWDXffgO4ra5q/psC1\nYEO4RzlSXBsjaTtBuYnrC38LelPrZub2JgRp6uz2U1pQB7+2uuHj7D7P1BpQ\nzAhnjGaWconx1qlEHSCUg4k0V3+xHxGc6qrISmhFy3FbgDXZhWCDrgiwgegC\nEZQwFFfQmyl/HwLYQhr9l9S/6ohp8qduN/OQDItZJYusf+CN0rr6vKF/E0kh\nY2BIT3Oe90qqe7WEUxarajNGn5qtu5in5TVSLmBU2i98mxEqArjFxtNBfHv0\nLtVx8JRDgkiphZV2aO9S/nd2uNGiQYcFTapGgxXBWWAJmSINj5TJkNikyc0d\nDUVeWslQGQx6TdAHCcE+F/GCdU8JTcTO3T190DY4/vNUe46NcOsc1gy+eQhd\ni5vRcBJAG04vdPmulBzfGCTkBYbGllnRrlpaQLaAUBSm712jIrev3zpivf6o\njMMlWlzmVDrDHQr1iJ89eDfIKKgoE7v6vC43RyUxiwfSqEK/GOpuzr/yScDf\n8S0Hb31CNp9Nk2mEMQKkRW9XU2qNV16zAto8xO1twyboKSl3FhD1sJZy7zKM\nxLSVeSTd3j2tzDzjYHE7FLGhVeVUKOmqUglQfrqCkIiUNE0b7jqMWu21s2pE\n7vZ3\r\n=HZRy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMjpuaIu2rqf1XkVoFXz8uMJo8gCDIyTP6rvfo4pam+AIhAIsA3pvVUkStkdOZxDRHdH6G7yfIHQJeW37gM2/erB9M"}]},"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-circular-progress_0.20.0-canary.178c25b4.0_1604008199948_0.756714820074875"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.124beb49.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.124beb49.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=8.0.0-canary.6d9648ab2.0","@material/mwc-base":"0.20.0-canary.124beb49.0","@material/theme":"=8.0.0-canary.6d9648ab2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"8d314226afe84cba75086ef952556fa1fc0c5de7","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d314226afe84cba75086ef952556fa1fc0c5de7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d314226afe84cba75086ef952556fa1fc0c5de7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d314226afe84cba75086ef952556fa1fc0c5de7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d314226afe84cba75086ef952556fa1fc0c5de7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-pFu3qhhSdeh24DPg+4QdK6Gr/bJXxOoU6e2g2tkiyyAGf7RhQHDy/09y7X5D+1aqyUxqFc/POpWROpzKNtzSkQ==","shasum":"6394db38aa9ef7ddbcb18b779c67f51ba7aef4ca","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.124beb49.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnKpwCRA9TVsSAnZWagAA8f4P/1ZRephfbGB0Us9/RdfS\nyMfxr+HLy5y+ZWmi6soDcxWXZ1IlWoYD3xqeRZfhR16J+SHRlRPiYAKUpBOO\nhBN+k4af3Uo+SdZFgzevFpjopdAOYcLgREEACm4PTiTFBrlIzx8Ql92Jypzt\ndkoUjX7Mzpkq4ocRBmktHty74Lv3o8CzXoaJmoJf9Imz7Qz0aIehLTGWlxkL\nYI6iSI91owP2QkgkGKxyWThLMsVtb1NEo0ryH02c4ntDy8l6KHYOPM56FeX7\nK5Lm7+pYW+P8/J03N9jKaM+rIOwXWW3WdIbjqa5N3LPNqmLYoj5LwURY1kNX\nK+LE82UAH43jgTvKUlZX1vRTIQzgGqT85y8vyeOiV47l2W3zzmgXQ6Nm3jiV\nT3cDzoBOD0EdAu4XQsoRszHxhU56y7g0+lOUdgX7T7CuN2yQ5clxtR26ZEkC\npXYGGvAJaQOciPHrk/fex+sTJsvu3VtTD5UNO1QkEvqCzAappX+a8uyITe5g\nIg5AYrd2qv7QCqraEAhXQCDsDf4cp/bhE4sZJ+WncnO+N1XpKzxWcJsfMKNd\n6Sf+k0Em9EN/LiHfMza5TUF5aeS1/WXNYfDXODSQl+kfvwXV0TU6TgdfnWJW\nHwUuNuCHwUH76YLZESnVBvRVXqjEk5tuif8M4c/sgYXfmWLG7PtyEesOVblk\nULFf\r\n=P+Pe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwFQaeefzm6GzHAe9K50ymcRfRkY9v9xBamsKkRrP+7wIhAPKI+BbxReOzxNuJ/wsHhdEzDMpqD3fPi41GF8f1FHL/"}]},"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-circular-progress_0.20.0-canary.124beb49.0_1604102767918_0.893083272058345"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.5937f468.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.5937f468.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.d6b5cd418.0","@material/mwc-base":"0.20.0-canary.5937f468.0","@material/theme":"=9.0.0-canary.d6b5cd418.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"d1d2934f5269407a8c0f85d5112be5354c17a971","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1d2934f5269407a8c0f85d5112be5354c17a971/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1d2934f5269407a8c0f85d5112be5354c17a971/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1d2934f5269407a8c0f85d5112be5354c17a971/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1d2934f5269407a8c0f85d5112be5354c17a971/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bllQBv6VqSO51YmSK77EdsEyB61l3Ogx0YUKMWwg1gDvSdIhwj5YPV6PBevphWZ6WAq2tYcjhRRBCAH3aL0C6A==","shasum":"5a354fb7ab908f416f914da13d8302350e48795e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.5937f468.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoxd/CRA9TVsSAnZWagAA0PEP/iPxJAhFFROZxsvmyCkc\npqhdLDnZEY9+GNjGWG+UquI7diZI2CkqzHHzM81FrGYM/7V6BkoIR7TV3mFe\ncylha8sP8LuzYSV7svEShqYCCARZK/rExG45Z+bQVIFYYfzY9wQ972KlKeYU\noc/FBx3+bdjRfOEOHZVVYqFgxGl0V49fqKVGQs0H6m0ZafDlJFk5Xiz0EUAo\nD7QGacW6cf5ay3cMPkliC//b4gL+4Mfs2dgGV7UrTyEau8YrwMZ5NnJshIlL\nmMVIe73FLayJqTMBepG3/ZdIcXYdOYGkL66bu8SbLKohIRWzDB6tbXoCRIcM\n0Woq0s9QwVr5eM7gJDevdI30zbdaPACnMWMHPcbEMFu2wZN+5Z0qN4We44LB\n6HIeWjCrwBvQEjUmXytxKj3bwMc5CBqyvDi8WqskZpKxsBPAMDfTzjxdvS1M\ncA6Kv7tt0whysLvUpr85R0nIwWkO0ZJwOidlT0YUT7vyWRPpDtSVtU0Cj/oU\n1N49WfrO2HCBwFCXZZ2+n2LHhtxDoXrc/ZwAf+kIXzFQk/SJIsWTrv1j5j2F\nUcpy0gX1j2ypLCq9iV4JBjdYk0cl4faL31XSfeedzhChOwS7zKMriLFl6AB8\ni4lLXomUJXfLpzIurEyD9ErO2FCj8o90LzP9WlLyBk1GeSn2RBxJZz0PT0hJ\nZu7D\r\n=F+LO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5W1hBbr3k/ATjB4JWBpOdWlwonn4TsyxxXuB/4lmtXQIhAK6YKBNyEtd+XoTdJdHLeFlj7RlhAPz70F5n7nVK00Om"}]},"_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-circular-progress_0.20.0-canary.5937f468.0_1604523903046_0.3502457583186971"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a9bafaee.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.a9bafaee.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.d6b5cd418.0","@material/mwc-base":"0.20.0-canary.a9bafaee.0","@material/theme":"=9.0.0-canary.d6b5cd418.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"672dd0ebc89e93768abf9e9fb4a31fecdd7873ce","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/672dd0ebc89e93768abf9e9fb4a31fecdd7873ce/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/672dd0ebc89e93768abf9e9fb4a31fecdd7873ce/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/672dd0ebc89e93768abf9e9fb4a31fecdd7873ce/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/672dd0ebc89e93768abf9e9fb4a31fecdd7873ce/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ov+M0RqbJyHPBRYtg88BRXsNr4IL7Y3QrFgz2vwwVmocdLplW6MSuun6rbwm7+7Fxo71iUKvI0yApMbv5fYCOw==","shasum":"0e90d50eb5071790a095ed6f8b0b25e94ec70ff5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.a9bafaee.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpHz9CRA9TVsSAnZWagAAvWAP/2FV4rODNCRBIQEZKKVf\nylZ9XN6TU6A8dbXLQbjrDCbRzjHitdXFCRm/PHZR9lM2CSiBsULyymWueQkO\nQYjHaCjPEJ4E+Quengny1yHs4WlFKK4634At0C3w8FQ16ZKjG9oiYqEMvjjy\ny+gRqf55x30RXzrib84KuljRe352rb7Y2YjfCTXIxnEpSBP2bPEn4u8OvmeM\nyjzp55l9EfFSH0ZwU0HIDQVSyQ0QGxQ72Meyi9j2kXmbbDKgVU6AtFJYJsHb\neFr95Rbj78KkBm5HYMTPhVfB3lP+vSerb6eEjcCUKBm6jNj1AUxEZ9rjog8+\nGx6cj2eV/TrhBlN2sHmWeFXRqPm393HnYJvTVELg1vKi/9q4QNUZZbnGMkv4\nBWCknkHql44lNMyeIoq6mvEAjXNp/oxLysKp/56G+kac4P4B+He9YTnc+Afv\nBj3dSjywQZrDJbo9A70j6CibyVA9zagxVVKZLyddkzvn7vjnWYpkuFkgwwvf\nUO9UnXkFpJqnaENzSWE3QeMAIqWvFJTrV38OjqpCCl4Xki2YlGyrUez7jfjk\n2RaPx0v4BXo2gG1iidHOqqEJXKqyoFNPFWcQ2Ir8dLGyuq4MG/QSp3Shunpg\nBUfYmSMag4FaCgjyD0q3uRABo/OHhA6orQd8Fm4mfdjeHxCAN/wT9UNz3jP8\nQYm2\r\n=Hkw9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARIImf4xiHDF/MvwoFd6cyhm1Xqgz8M9jhdK1oTtokoAiEA8+8FJjH4Os7cAY11kH+7cjfWTNXHj0kRlppTcTsJgsI="}]},"_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-circular-progress_0.20.0-canary.a9bafaee.0_1604615421374_0.39827565685774613"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.184861ee.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.184861ee.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.b39094d14.0","@material/mwc-base":"0.20.0-canary.184861ee.0","@material/theme":"=9.0.0-canary.b39094d14.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"292f005e510c59c9b761c4120c56e8c9854e4595","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/292f005e510c59c9b761c4120c56e8c9854e4595/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/292f005e510c59c9b761c4120c56e8c9854e4595/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/292f005e510c59c9b761c4120c56e8c9854e4595/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/292f005e510c59c9b761c4120c56e8c9854e4595/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-XqWc25kIBxMYGNTbTvOGYc0RhBM9Xxz/5A76I+7wbC0xMn56WKso8jBmkfsJhc5DkdY9z5gQjLWWrJ2Aqz6huQ==","shasum":"752cfc408fcaf9f200b1830afb4256ab8754d3a1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.184861ee.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpew9CRA9TVsSAnZWagAANLMQAIqW9LHfoTmRHVOWpR7p\nx/iyTtEtXesFjHrrgHISptsK2Z1/JImhHo4ZUTsZ27dmvml9ydSSGo8f5q+4\nMjURSHKao7ooksy045NsBqBPhjZ9A9B3yX8qS9jOEZLP8SPeqImGaDGid1ZJ\nMSGmADfL/6BqpdDsi4pAqZtj6wmPDabpvoe+mPCLXx4DyxL31WFeiZSMCTrB\nvWlfFbUqe8VBnCX9Kv7+nJU+s1D/7qf9NlDvdzjFQUoaypvzJchZG61AdSWZ\nyF292mtdQ4mSWccTuusD6fWRqhWR+4oi+omHViEzFeMbDY1k+gsaCI1UmxdT\nUAmELwkYAwSrD29oXezQQvGbUu2SINoFnCV3lhovUBM/j9gjgGEmfs49ez7W\n7huHXCw7z6SgioQAo+/njOMEVo+gOh5rDJnNJuu3KlTdvcx0Vvjil7Oowg69\nMfi/BBc8W0FPD1+qi0QGyjBqwLOqA/astqvTwiBSgllUtBolvv56ArSznXpo\nF3AMPQOdCZ4GnL4QQ/+zm2VVWzR6R1y7eFmNiOBrnS3G6p2C3EbydCUk8DrV\nRJYHROOuLXeHhFEFSvfM/OelUOHQ4TsaDGcJ/fdTrB2ft9tIUSQVa9wfWQmg\nWkO4iIZfdT1ScMdU99sZIYyP+8wanGWyRjKeOL+0Z/RHMksgn3WkqSIixmAp\nphWM\r\n=jRm8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCh8rovciMHLa1vv/udD/c9oSk7eirk1yoIhn33TZc5iwIgFiC/vjSXFM9yRhKfWA3bW9UpKFOVdRlPFpkUEKfGcd8="}]},"_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-circular-progress_0.20.0-canary.184861ee.0_1604709437410_0.3905446779518178"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.6c6ae2d6.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.6c6ae2d6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.b39094d14.0","@material/mwc-base":"0.20.0-canary.6c6ae2d6.0","@material/theme":"=9.0.0-canary.b39094d14.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"38ecce3da3f921a8c45ce342e47456c702623761","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38ecce3da3f921a8c45ce342e47456c702623761/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38ecce3da3f921a8c45ce342e47456c702623761/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38ecce3da3f921a8c45ce342e47456c702623761/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38ecce3da3f921a8c45ce342e47456c702623761/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-VUL1ptgCEeWs5kKsmcnCY4JAQZBbKYAXuuTWtQP26XLEtvYhwhYEeFoi8dQ2RMc/NGViLUvfThUlGSU+153wJg==","shasum":"b88e3cd375cd70288e6ba1fdc2f8f7292f0260c6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.6c6ae2d6.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqT6OCRA9TVsSAnZWagAAm9IP/2QG0JHYBlLwN2WNEAh2\ndLgei1i1P8TlYCsFdih1Ur7g5Wmlo1AgT0dxMu47/CGH+7UANKVfgjPd7E3E\n4nMjvTuE42xWv5yT8ur+M1qoc+ROnGPC0V3hXnlo+BYPJMbQmWulDLRfrHQ9\npJ8GqpjfbuEm7hhUo/DxVBOapM54G72T27xb8S67HLlfWyHigXG3kn7pPDV3\nUNSXO0JZgqw/NuzGz78SV4pXbNNY0a1XsxECaReIIOY44EoNliQc1VfBfKQF\nJnhuOXfArfS4R/ecnh9rsWJpsFV+SfXl8Z0op9zIBgvFj0JuaaAHrAlaRE8H\nH6QSPFLkmX0Vh0POIBCombQQSlI0vFY8eO+9RfB07O5Hfk3rR64/1yslVJKq\nkzIE7HzwCJes8xJFLmd0GHHeQnL9qec4SCMSGVUPMankTRkOLDVQEZsSVtIC\n4LPzk14gjqDcEzwIYXqstFhp/GtMxPlPCW8RHJnKpp7hdRc3YJfiN847rQ77\nssIy65rXNSOB4EfPqO5b3zhUoZA7cdo1cyYyCC9uvZV00N8ieNHyKPUBuGIB\nviIReEjN2NzxxXXeqilqncfMN0Vuc64XUjpTMyNtI644JZ23LIxbxf4liQWb\nMLxKi7/tPjSmG+A/DNQsUc6qoqbhCGSvHVuYQDKXyPb2QiiwBYCzimIAgvoS\ns9Ox\r\n=tFX/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqziKFwVbMH8FV4XY9kw4git0aNxG8i1iYINbt71hbBAIgPVRPCWWxZQX5IOnMniarKvm3+jQUyXBD2sTQ6ZS9k3A="}]},"_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-circular-progress_0.20.0-canary.6c6ae2d6.0_1604927118258_0.28205969608188064"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.ea2aa477.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.ea2aa477.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.b39094d14.0","@material/mwc-base":"0.20.0-canary.ea2aa477.0","@material/theme":"=9.0.0-canary.b39094d14.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"44e884f1fa66508713a0632b0fd8052b5a88aa77","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44e884f1fa66508713a0632b0fd8052b5a88aa77/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44e884f1fa66508713a0632b0fd8052b5a88aa77/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44e884f1fa66508713a0632b0fd8052b5a88aa77/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44e884f1fa66508713a0632b0fd8052b5a88aa77/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-1RS4xl1YPE2P31hPjkpMwQdPmIRr8sjjhDTIxSUQfgdmbo8HfjjNnF1yB7ePtT6wN6yYOE17mY49vtloluloyw==","shasum":"39378c51e4c2e67c3b5f2896b6e5972feab8fc02","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.ea2aa477.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqddgCRA9TVsSAnZWagAAWYoP/izD6lBMiCIIC6/l/LlD\nK7g1w2DS17eQPV4b2c+C/pPLcyJiVoFElcMrjpFkGWsCjxIWes+dCpquAnAG\ncYHytgC3fmEPcVAoziWyfeKR8dCCX6UFOm5pRjy5+FihRerF/VyMbRUinZxm\npc92H0sTsWW9wI83vUBUOln80VCL9Xn6zN82byYVJJSHf67lAEehrvmiMNFy\nODVNDIFbD/qfEeETdd2Qr2i/7EvTh3UHl20cxLcRm20OxU53MNMzf/ucIQKT\nuv4+QrUQLK+DTPR9bcuEhfH9gd440AlyoeoEkl6ib3tjTXZO0lz4P/KVPxCx\nmB7BM+0J3GCYE9Rkmg2OQqKTwDcN4HLLX9T4JgJVTkRCc9hl2fwoAId9L64N\njhIEkoCrW81pURXSP1Q0CBz0PwhnVZxYrKLFRFXQI7OweIYElzpZEKkTaJi7\n56vDeBcHj50LoBeGrwsXecW7bdVEzJPFzFcxN2KKpoUTRJG3t1IRG6OsXRTi\nsIOEFuu4e0ACY+m/jGE4+o+9srQPNLwjeHKDQ0xi5H7ImW8/aKyqp8Qz+9ws\nnTSKzW9uKEtH5bwMr7iM1Rm3QNF2yt3kRgqWhNforNMsl/cZzX2z4H/o11kV\ngWsmCTuVBk72dgnxoUH0soIfkYra3rMWGoldI1f88rTGowoWdx4tRYTD6tzz\n1BL2\r\n=C5RA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHm9JU09xQknVXMGwHxBrsRWvmyrpJ4HZSRo/HCBHZZ9AiEA4tT8D+yMVqmvBUAsvl4figNwY/9iZ3BDCtWFHdl7bRQ="}]},"_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-circular-progress_0.20.0-canary.ea2aa477.0_1604966240438_0.8980585008568474"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a2c088dc.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.a2c088dc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.b39094d14.0","@material/mwc-base":"0.20.0-canary.a2c088dc.0","@material/theme":"=9.0.0-canary.b39094d14.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"60aecd658763ef0aa8ea8055ed91f03f6d3697fa","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/60aecd658763ef0aa8ea8055ed91f03f6d3697fa/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/60aecd658763ef0aa8ea8055ed91f03f6d3697fa/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/60aecd658763ef0aa8ea8055ed91f03f6d3697fa/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/60aecd658763ef0aa8ea8055ed91f03f6d3697fa/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-U7+9/QE6ghcr/Tw5oVLJQbn2oJWty3zsMZggOBSZBk4D1O7nHSolLMO91uznkfw3jTmIYIHiKOOfl8YMPuhwEw==","shasum":"3489fed86a512f2e398dacd90f8af7e4d4e98190","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.a2c088dc.0.tgz","fileCount":16,"unpackedSize":52050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqqJlCRA9TVsSAnZWagAADVUQAJEnYTd+ttLV91TJLc7s\n8lCwxPx1xkCWoWjgIGPBCsvMf1MTAFsk5EaDoB/zqKXcfBEOTvimRtZ1okIQ\nXKAC6CZr+7JCBIAn7WHF7C89yY/glBJrfMc2dBO8M+0sqWX358kNbtgOmEMF\nP0GBFTZKDTy7bg7UABQu/UOvubBNqelqNhCXG1u/BBfKdQ/PJEs6lrP7uRm7\nqadOy9iFh0ct5XkrfPTovWntFPCkaOQj4Yp2R5MKEJFG/QK2obEM73jAkaoR\nhFyt7xfPwTm4s+nTqPqggrUxHdfkB6NWJKYqjQEBOFofvPU4IEFutSGnAUz9\nC7RZPkPYA/QNwgl5jTKyi8fsuq+bup+xd6rO0C4JJGaWES9ISx1N2vIBrH8a\nHtXsL41CnAkgPNbczRJyn1IdNo/jZvJxs737uMtt80EF8V5GPzlTMk/O/+9m\n1gAqprVfQykFhGfV8mZQ2OQaDOKhohpmM+X0Oc98DtP6YDRTq2RpWQPvISE3\n8kVZltwQVR+pAGpzJXyhJOpeghPB875mqFvHnPyXjK5Eeqxtr0jIG5ty5kHe\noLcrdB62gq00RaJAZ6Ibmnl2V2QfU6iYHCEecmYYLDXSzbvT6PrwpRt7gbMr\nsb7EY40IXHC4PbLqwlR5tqoDpiBHRkupbtO63PrJqQYbh4Lq6y/xBVX1+C/V\nR2UF\r\n=1HCt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMz3D5ITzVsJ3xIwaVfVLvvA5T2hisP0eiuSpY/JbeYQIgXZRqRUfZOH8Q7NWXa6goZhlmx2Pd+1J4dc2inH1iLx0="}]},"_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-circular-progress_0.20.0-canary.a2c088dc.0_1605018213189_0.9857208030972664"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.b04d71d4.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.b04d71d4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.b39094d14.0","@material/mwc-base":"0.20.0-canary.b04d71d4.0","@material/theme":"=9.0.0-canary.b39094d14.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^1.10.0"},"publishConfig":{"access":"public"},"gitHead":"6c9d3a1dee5f50ad7d82b0f0e59f7c21d9524452","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6c9d3a1dee5f50ad7d82b0f0e59f7c21d9524452/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6c9d3a1dee5f50ad7d82b0f0e59f7c21d9524452/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6c9d3a1dee5f50ad7d82b0f0e59f7c21d9524452/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6c9d3a1dee5f50ad7d82b0f0e59f7c21d9524452/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-1wC39+cChGlVRV1UPqH+mBf1XyD04m35EfzR/SGJGJGz9bg3SqEjQY4j4LbpiLmIEng0OEd9/x7j4UBhtp5whA==","shasum":"2985babf4c0f732c67fc6fcfeaa9fae08282a72a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.b04d71d4.0.tgz","fileCount":16,"unpackedSize":52090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrRFfCRA9TVsSAnZWagAAecMP/igH+L5KD2tmYPWOpb9T\nanTt78onBhDJIXg9MEbHQcSKMqCYzXCW2v6N958u/G1FrBlJx6yNQq9Hssrh\nOT26TBgA9UWDVDlh+IaVC2q4bVCDBxpmo9qIAT54PCj1ldvEJua+LuK4Otk3\n01Yvn5aAxY/u4MmyI01P1rncmh/EhC0ApobvdMbIWGPgmIe7zVs6ra6P5aob\nWdO6eHXlfUHzFdotTGXZCOZnXypnaVrD+Did8tmi7DfyUmhSncdaImyWcXli\nvQCv/JeC1e+yJq4MPW+E/g/LmewKCnL7sYUy6FUpE4pS97qDAD3P02hHlW7I\nAYKEefqfmmFbSorTiYlX2du/TAqYrFc2HxqKl9XrEC47O8teGj6IOgS/3Hk8\nmiQMTzyyCe/4On6Z7OncA+Yhv1s766/SQ0DjP4Z3okRD8iSvC4V8qJvKasF2\n8/9VP7xSEFZH36CEDHgsaRc4GYbmlczymjOGaUvJ70Ww/Bd810siev/2v5gX\n4A0J04s7JKay1a71Ahb7qf5NqlM6BZZlIlRIvE9QfE7JdKIufqLm9wF2Sie6\npPFdGhooQwX73bwd5+RUG+YlXpiJKQXXhgEesgMBw4LTACYUCT+UXFWmbyFq\npNiPqU+v60AytbjE6Y6Xu7juXO9aZrAHGDryjYDRbVt3xOVC6Z2xvG5IpWtZ\nuWkr\r\n=0IsS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBziUWnWAEstIYzhOiMBjIkLbc0w42viC/ye/Hv5eToOAiEA49yjuc1YtPowziJsIZ1/k7WjtSL0VrWH5kspqnf/YDo="}]},"_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-circular-progress_0.20.0-canary.b04d71d4.0_1605177695395_0.6254622443054814"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.2c553352.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.2c553352.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.b39094d14.0","@material/mwc-base":"0.20.0-canary.2c553352.0","@material/theme":"=9.0.0-canary.b39094d14.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"7a02baa2ba85467edeb67014cb8c6e5bba77edec","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a02baa2ba85467edeb67014cb8c6e5bba77edec/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a02baa2ba85467edeb67014cb8c6e5bba77edec/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a02baa2ba85467edeb67014cb8c6e5bba77edec/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a02baa2ba85467edeb67014cb8c6e5bba77edec/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-9yXCyTselp6JavNn57BZ6Peo9xlOHwvpaBon6nnGrmZJEvEcFbfLzWP/eQ5pqppxjFt6NM8HbQRT4vC+bu/otA==","shasum":"ffe2c06cd18fe206cf519e73aea5ac3a17a453fe","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.2c553352.0.tgz","fileCount":16,"unpackedSize":52089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrbpICRA9TVsSAnZWagAA9pQP/30Wfk3KGFherTAxb7ca\ngB+6I8IGRc/Rvb3rLPp1iceQ55Pj0kLI6Xd7LBkIoMkIs9tt77qhlRJdiOfb\niqsMJbO+0t1XgUSEFJn5MSnmkYmIbKqI/0wp1WaHgCTZDiN/zsEJXPfh4Eyi\n6hUi4wMECg4E/eqZwiumU+zpUNEbiUK0CgVR1HJjgNrYMFe8RccKxNZ1fc0T\nG0P9ncoiKJ/UQbRblZRZojvFnlyRa5sHBdBGlAB78l81n7hPt+/P9GO+7u5w\nEm1b8ZareNCMSz2yMtQcEr7xa60FCJM1+rCumEC2N0klfVipi2JEv1dm46xR\nligrq+lmXYS6fwZkYdal0ZVa/d7BLtyhWLCHuYdfq/jD7Egae2C4ISZtOhzx\nxbRB0g2U3Ui3yltnVuyQ5i7iLaLm2cTeAcquZXhyKrdah1BEKCdyQXmL37Mr\nUNE5f2N+uQo2S5VmVB0u1HMHRpsjAk/ZHTAzplsyhvuxJ3FxoLKzeZfXLpMX\n9TKs6ByN7ZVVwporZ1QOulLpphVsFtbbEpKI1RKQ1kdUT+hct2lUCE1owE0N\nJvHVv7q8VkP8zZZPbqoLXudOKeareLEoCsLLBFFbdDrdjR3dwta61xIXhq1U\nRMKHp+5KZTMuUgKAsTL5dNZnDZrup32UPjoLeG8crNkcrX/ddrU9AjrKOq7b\neHh3\r\n=qUVw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQvqI49YME6yPIyy90h8mCrshcgYHZgDAT6enCHOev7QIhAIuI7TxZIAXTizpkElel2G6tZU+zcLiKP9/W2QcHLqxK"}]},"_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-circular-progress_0.20.0-canary.2c553352.0_1605220936104_0.5115639980113864"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.6560d19a.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.6560d19a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.240c5f74f.0","@material/mwc-base":"0.20.0-canary.6560d19a.0","@material/theme":"=9.0.0-canary.240c5f74f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2b2093b7a8ece484614a94718cdac5a72d7e9cfa","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b2093b7a8ece484614a94718cdac5a72d7e9cfa/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b2093b7a8ece484614a94718cdac5a72d7e9cfa/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b2093b7a8ece484614a94718cdac5a72d7e9cfa/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b2093b7a8ece484614a94718cdac5a72d7e9cfa/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hYfRW0TaezMEXjYwD6FqoIjUZHijWPwTKinFXRdqt41nLB5dwfVVuUvwtK/RPtUHM/b7nnIsq6sJBqr8wAbJWQ==","shasum":"a6e6dd6d4462ac6665d97f0bf76000125b7fbe93","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.6560d19a.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrvD+CRA9TVsSAnZWagAAu8kP/3W9o3EJaq/AqEqwlIFU\n/oPjBbWDbUF9DtJxIc1twlnye/CC02wfg4XeueSasverFYGQ56sO9TN6lJib\neaay3pwFEU9+yt1qr1m3b8CeFmZkLkEdiDpdR8tjsILVlQgmAdsSNTdP6WBH\nl7hC7ARbJUxnlNfn2P0fN7X+SiutqGFCqtALpazFYF9SJVriZLTkcDpEB6Gu\nh9EyJgM7yXjNuxwNKkqg2At77MfLM+QPMPo1DTqXse4KlV0r5e8MMA9gvFiF\nSvi8rcDLXijMgMVw/M+W5xFvqCQgli/Ixz5xddXxN4tUKW7EXPeuT0ABwpeY\nXpEPXF2dgljNJhCuuh7ukALyDvXELr7+elWwB5fZPuGDBBB920bzm4fQaQxn\nVZCGzxkaBOPtkoxszIxelK4ngTqKWu67T5lm6CZDmPYNPbrhNVuDMIZWSznQ\nzAciwtwEM0e1+8t8Qb3A5qvQyUXgW4cijlMuttkDvmuMhBBOZyNF3ln6fv08\nT6sB1AQ+88q/TcJu50gALRojXsM2LN1apQOr+YmWiKUsI/fUnH1fJedrZ6sy\neUklI7MeVJtkyhpKIvDMgK8jcWrE7LCoTwgNhd7yGEiKCRG3a/nP1t5xkrhQ\nHVL1uteZVnNfWGnlCehkeGTSdUEbOTdmNXAdnuhQgN28+pPUGre4HiDM89dS\n9ylu\r\n=+cDT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB9jgPsXMMOI42+NV/q0OVKS2begBlhqAFdf7wY6gfpbAiBVa6FWdiqyflzfjbLI9aIJw4fJWMSxbitTiT5yrO2pMg=="}]},"_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-circular-progress_0.20.0-canary.6560d19a.0_1605300477721_0.07751003846514237"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.a28d5ec3.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.a28d5ec3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.240c5f74f.0","@material/mwc-base":"0.20.0-canary.a28d5ec3.0","@material/theme":"=9.0.0-canary.240c5f74f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"f24283a75330ef6de8cd16f8373ab1bba0eabec6","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f24283a75330ef6de8cd16f8373ab1bba0eabec6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f24283a75330ef6de8cd16f8373ab1bba0eabec6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f24283a75330ef6de8cd16f8373ab1bba0eabec6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f24283a75330ef6de8cd16f8373ab1bba0eabec6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Z+/FRTHB2Df/BelgVAaBtBB8lWJKyQlh9v2qWwn6GKele3LYWOpsPKVi5oOpz0LPfVWKQ5ZleC7EKIo6wBvdiQ==","shasum":"8008b0716d5713be827fa182da6ba2bd879e9962","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.a28d5ec3.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs+rvCRA9TVsSAnZWagAA6eAP/0eAyoFRIJ5nM4GVUIB5\nCghdpKn0PKPqCkuPR2S41u9ndvfHJXym6e5M6/YPit9GZ1f2+RgAyuLmHY45\nWoJFOIJ9aCn7fihStyg4+Fj7cpU9wvn706NJn9rypWBMOAIf7UTOkdZJtofM\nCcSYPxEJE5o+LADk+Dl10bGEztq4ot3h/b8HaD7luB4dUGuTOXuWRTDVG6IA\ncGAaArUkYBxavBx+pa4QxG7w0tx+xIK6J/4Ud+3Cue+wpmnxGPw/FZ+5VMJa\nVt1ckRb3t8yx58aiD6JWsvHennSt/ZMd/L3U8atDh/FzenaY/6A0mD3ISyxg\nKYCcKLxbfV6/cUc/skQIyilcnTkL6qHkij4K/QoXmEPwaiMQf/xueC6jDvMC\nxDR1Y4HzLo2eSu6cP1w+qY8ASmgs6zmNuZxTucpjgeCsCnC13jioA3YxBSVg\nVRUm3tgOKSwxLaQRJcjqwQEbKq8gk0vhIQ7teRc4bwFIvWM2Ykuwa3b/dOaB\nCOcRDMIUKo8akJWQcKBBujBmluNCqeBeD2B5lb3lQjs5AGXlDdVVufqzSUVt\ncGF7DJFsBPsV60eF3kAGi2OGlhLtyJv5aQ91fRehIQdFD8G1p1fj6d3JLiBe\nHueJYHbHsJIFSrmiF3OXtENtGMHGOpmUApBR48wzWV0bNpTLkQFwwWW7Ge16\nzBYZ\r\n=C0Ro\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGhsWs1EICAFj2jWmNqqm0oNsWyShUDxhIBukSgNTiVoAiEA4c2/ZX657k+1ynB7FxicKT6HIISFWaLt4ES79fg6pYw="}]},"_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-circular-progress_0.20.0-canary.a28d5ec3.0_1605626607306_0.6765310940466793"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.03e7e778.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.03e7e778.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.240c5f74f.0","@material/mwc-base":"0.20.0-canary.03e7e778.0","@material/theme":"=9.0.0-canary.240c5f74f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"b828c4befe76e485a57dc3be64c348c56f37f89a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b828c4befe76e485a57dc3be64c348c56f37f89a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b828c4befe76e485a57dc3be64c348c56f37f89a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b828c4befe76e485a57dc3be64c348c56f37f89a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b828c4befe76e485a57dc3be64c348c56f37f89a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-EHP9G1V92LASzk8i9SqV5i5BcU2XvTv4voHigG2tcQ6bGt9MM07UHVasC+07QCqaVaWVC3SzNB+SvH1c1nC4Aw==","shasum":"4f640489a657d3cfcf8740b48ba4866131553106","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.03e7e778.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftCOMCRA9TVsSAnZWagAAkOAP/iN7aHRTwSGE23slKg5P\njAfWs8Rikqjp3BWw4tN2gd0HCTnIzgx42DDw5NibGKeJMZ6eXwbqiIQgL0NA\n69VO54kR97acvfIeYNQRZKGFuZSOyL7/VktCKKYmFwrk3Npf6LEwGjSgf8TE\ngeG/ghnisz6oE5KoA0jGiTf1bFJn3O7qbB+Qf+aTQC/Yt59ISkajUSEr7Fke\n+zrLeIuPfF2U1SWWCouyMFQwPtVtnlsf7O7iLhHfKjFXbhZe1DzqJF7n1/nP\nSh8578Ufdz+vvDTXHvMpw9GV4/P2j98hI15zKJY1HjQ8QdJg6HEmVrwcONaJ\nMty0eMxqZ4Bwo0iV5g9YII9rMIGUdp5rtLPZL0yd7WVqTgRublA6CaQrUoEB\nig/wiTXvp4tOcSMmqDwsgPFzLqmc7EQM2FnDqzC6SqP87oSUM0BZ1a8Un2qM\nbwFDYtmghBsAOphFrUoIfWGukhAOesa0fOMwLNGmmfUgADRo3kOHYe3RrFRy\n/P2ZeZrCy7jiGN4cnPcG5QW4EuRb+R0VOvgnTB92BvDmE4tnqPftlbzMgVH1\nrB7XdCd/GcyH5/KS37FGbbtmKufyQkkBbpWVTHBsgXvDrewv5bE6sJOfZ4FJ\n5wf42pD8XTiBYF5noEKeOOz3lKgKyJROBkkjZrE+3XwHw6aAiL3UUBhHp0DE\nHggA\r\n=btOo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhl4Rb0FxLI74Pj0eac+0qbJGzTM9RPWIA4vCE0mEFoQIgOrIeltrZthxtBhgr5Xg5ss3YEadd5S0Pl+kRxld+ZjM="}]},"_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-circular-progress_0.20.0-canary.03e7e778.0_1605641099624_0.003381131198463061"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.ac8ed597.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.ac8ed597.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.482ff9091.0","@material/mwc-base":"0.20.0-canary.ac8ed597.0","@material/theme":"=9.0.0-canary.482ff9091.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"324571445f4ed0575cda7f727c54e156bce8d624","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/324571445f4ed0575cda7f727c54e156bce8d624/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/324571445f4ed0575cda7f727c54e156bce8d624/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/324571445f4ed0575cda7f727c54e156bce8d624/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/324571445f4ed0575cda7f727c54e156bce8d624/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Htul/+ATx+RrHX6adPuJNITITlQGSNbcsRUnviaDb9pUU3Sfsr0l4v4pz7O01ln03QfTMBoT94bN2iL0z77UMg==","shasum":"ea07a25ad7e13ae99d795bb69f339cf978dba7f8","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.ac8ed597.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftEqECRA9TVsSAnZWagAAIiIP/iJU3LBa7Dga5f3jf1NM\nFiJ1LNN0addzGzd47O4KNmFmVNsQyETUY0w/AEkGOfg5FAFuh4YAH6JSTadG\nA2zubTXTtQA6hG9TKhDZaoVNusME0HxXkCyXCFwhSwGOdNsy5cHQ7SO+4qnj\ntX4SdFX/bGdS+tarQioRzeAJR5w/zW/n4h7udg4bGGZuJRFdmLdzlvBqCkhw\no9jqEuaGNZRDkoeJ2cl9ycY7ih5SXBw0MP/fxnFIseHqLxAG1Np/9z6QE4YK\nRVJsZckLWI22xkQle+IXPNgX/YpPmv8uEsL2uDLV8cDBL+jMJqouDB6+E5kF\n4fTFDi22UbVjj5up3dUqlP4KsA+G7WUqR4t8n1VxNM762fEA0mGiJF4vieqL\nZNUN8PeID70Xg9xGmhcDLnTIU2Nb5TF1peJJ3tKdqXS0MlqN/8HuyGUe3dvH\nPfKi1gSQxKQsJTIp6bMqZUZs7eqw3j+B1Si0klBdLeqPwhzcxo1ZdN55Zypd\ncpqeDIwW46TTDLAjaalhD6MtbuEfTBq5AaKf+SC8TkYlZcHfNuZ8BHlwJ6J7\n0EMEcVVIfYVhLHftZp73jjo02TTu0HAdSPP4zMoMOb8AM5wdjyyfJbA0wUc5\nNtMlkIdQ9s8TQOAk2VGy18A4L7mAeJTA58AtbrQvGzHFHK4oDkKLNED9Xlm5\nxW8S\r\n=drGy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFaxe7h9mAtEFsVDeg6dhEbQqCE9IlYYFfP+fxLO6WKlAiAL5xByefMe07jpUy4a8a9Yn9G3MioWEzUbMrinePuK4Q=="}]},"_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-circular-progress_0.20.0-canary.ac8ed597.0_1605651075880_0.29265892074965416"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.b6a60f60.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.b6a60f60.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.482ff9091.0","@material/mwc-base":"0.20.0-canary.b6a60f60.0","@material/theme":"=9.0.0-canary.482ff9091.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"423d1aee62c72c8c88e9e5e792712bc5d4d10b13","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/423d1aee62c72c8c88e9e5e792712bc5d4d10b13/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/423d1aee62c72c8c88e9e5e792712bc5d4d10b13/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/423d1aee62c72c8c88e9e5e792712bc5d4d10b13/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/423d1aee62c72c8c88e9e5e792712bc5d4d10b13/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-/tbmBMVesWbyLQHHZExbZCNsqpUlM8idmY+cH+b/XB4t9r/m78s/jEytuVtmmax26nP1/JpUef51PIP4LP0rpg==","shasum":"4717d0f67212c26e2f01314fce9309669a6612e1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.b6a60f60.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftFP6CRA9TVsSAnZWagAAYXIP/R2k8QRLJ5j8JzE5uqEk\nhLqNTqAb5qlyF7kEWc0pZIsB2OIJILno/EPREBRg8oZEtEGWZHbZH2c9xu2n\n/RJ2fAgUDXRDvXKbXbKrqyE2SWlSZfLQqYKKI+meaLf4oVO5eredv8nYZF4t\nSM7JT5Z3mQclQWk1+RJp7EOkuqmH44No3IAGo+W2CaPvsvgcxeCNepkT1jul\nJZjF3IMfWYfAHSXen+CK96p4bh7ln61Wyn5wwqH67sbctUzyY3O/nxkFXWkw\nBnkJ44+b30Ikj3YZ1mIv0/rLlRB3lwPaqLDTzYZaWG46Q8NIdpJH/EjGEAVR\nvm5h110WxDTKVFy7lLNY7rh6j0XsZke3KRvhoopDgNQ3W3kN71wm/u2LrXRA\n0Jbqt8wU4ynSneevylOvpW6ja2QOrxl1q2fjIRjd5nb4QLLLFkknsfDczvjQ\niNluCYYFQUp5YFLqWzNENlUtKi6k0D2xL585AXrSAMbe+Y+K6v3eMvvxjSK9\nhD89kcwUoVwzxj8VzkpQ9JxEVkyz1u0IPlhoqgawpM0pUBDNU067wDvdqzuB\nXgqH7SulrBI+UOpAn4dAWzIWhzKEcR8ZSLyyOrGokTfLifZe3fWga8/d0qkw\n3uH1kO3vCAA4x5gwYaFC+VDu8X36sKjzDXnuD0MuCPzqY4zK1anXgSno/5qx\nVDr2\r\n=hXUM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0IUOeU9+KWU5gX19E0AQCi3VMiONR7xnQnKeXcqngPQIhAJ2/+ijnEHatyxi/ZbwOHKsfLPE7Gng2GjF96zUEwiHU"}]},"_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-circular-progress_0.20.0-canary.b6a60f60.0_1605653498135_0.21200469384826315"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.71cc24fb.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.71cc24fb.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.482ff9091.0","@material/mwc-base":"0.20.0-canary.71cc24fb.0","@material/theme":"=9.0.0-canary.482ff9091.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"04fde8dbd7934f14927b0407ac285d7396fe68e7","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04fde8dbd7934f14927b0407ac285d7396fe68e7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04fde8dbd7934f14927b0407ac285d7396fe68e7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04fde8dbd7934f14927b0407ac285d7396fe68e7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04fde8dbd7934f14927b0407ac285d7396fe68e7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-7NDGAcpFr9iW1MN2IeP2nhxmXlmd24WKJ4qcV7QM0042JgUjSVVFMmTRY1+tMaVMFjJWUYIGZ2yCO1FsrUCoPw==","shasum":"2a1f3aff286e02261504c377e858dc379806b4b1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.71cc24fb.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftFm8CRA9TVsSAnZWagAAQ0UP/27X9DbKuLpaLw4Vvcg6\nD1MOm7gLz4H7aFmeB3cL1c3y3qnqmmfpNdrxt9kDJyht+oLRQhZPnJVVe69f\nOuZLzIVhZH/VNWXFkiNZtc2rHYADmYa32BbOLyJdCg46r+hFrgSAG1ruXGPZ\nLjjiGX4Wy8ChAUkBDgsBFfjgaV0/gW3n1hKya1SPZlzENjt1VYtIfGyoUn5c\nTp8UXjqlNGCGUpLg659LpsPJNB0Kak2Rv/ozc+vvRZC+K77Su4usa3j7GTkO\ns7XpNAxB2ZdOxm8T2ebXYUlE0sZeDWZ8BXTiPpto2WEpyp6sWWavekEw2DnG\nLRiUKDupU4VCnMzDKSK62y4pgN5RSPTYNIbpepykPKNEbNIrQwfLJlMkUyBv\nGDv63quUpymCWaN3holoC9VGvATsezkWFIbvGJy6O7JfHH6O6/aie5PS6Yh0\nggNIwQu5Bm0E3dTz/O9xy6vIkGvOXx4xMTqYwIfpsWZPJzdzuKEH2zUG60WO\n2ap9+oqVW943SKw/vxcxk86TdB2cU16MBPEoVLSoHCpqQcB+/McaJ67/w1rs\nCc4yJnnF060esV9jwZKPMlRoHk1rf+9RDzq2h0Xg60plMl77iGW2etvHc7Ts\nIt+SplVE05DUtbZNKm6mDHO546nClASQ3b1gaEjJSLNLlOmOkZG/oAzplHMZ\ngsid\r\n=PZfN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcu7wO8CPrn+fL6afgmI8Vh16wPz3McaEAdZzMELfYEgIhANLfjWD4dbGP9liHOiNsUIuv0BwUjcf+199g1xelQ6mY"}]},"_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-circular-progress_0.20.0-canary.71cc24fb.0_1605654972257_0.23021335948590838"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.761027ff.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.761027ff.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.482ff9091.0","@material/mwc-base":"0.20.0-canary.761027ff.0","@material/theme":"=9.0.0-canary.482ff9091.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"eef81b2f51aebd88194386f191f7a40e504b6a70","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eef81b2f51aebd88194386f191f7a40e504b6a70/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eef81b2f51aebd88194386f191f7a40e504b6a70/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eef81b2f51aebd88194386f191f7a40e504b6a70/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eef81b2f51aebd88194386f191f7a40e504b6a70/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-aIZxuG3C4lOPlckelgA9WltOthKe9jzo0KdMh7oSSqUOnYstYj1WPe0qkUxEEyNfKmP8Ep0Ijq6BL+9wJc9k+g==","shasum":"8b9bf420c064521e643418029d7ae8873df36676","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.761027ff.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftZyECRA9TVsSAnZWagAAxaYP/2sa4yNHQVYncfjoLL2B\nS2bsvp39dqDMKZ05LKRckABz6y9kDwrY6ofX5JeE8dteM95lMgVM5FOVGruY\nG7xPRNHrvk5X2joc+AU6Oz3JWpLl/iCbyyzaWb25Yv3SaAAT2p6abfkPrmVc\nKaLJt008pIPs5WadVrK6V4o2zlW+tazdvAZCKH6e4N2yCEdM+s5V0tCRefuF\nAwDN9MqyjX34L1TzeqI1XgV881vT+XQfCnm4SlhLMWo8ejU1M84Op6eAcmw0\nf/U3TfREmxmQGHLJmh2uJDaNbhJSeFE+6gg5EdApAPpCog6nAT2Q90sdOCqX\n0JXWd0Ld7G1oRaOhUli7NYRptViMZ9WVqstu6bOrhah4EM/7oVpQnPCyM/Sr\nnw9SbkJ0HIiw4vsaKPeFrT3MVZRoN60oRXhne2iU+k/c5Imp43BxMYrU031/\n5n35CEWGsijLZXLpANenbNFKZ5dFcO2kBeQoLXpUZljBiwh/mehFwFJd2fhR\nCmdlgKyVRBcvLM0O0sxtkEP4xq6AiDakJbDs2pXZZs3kL5kN1o3ui3cEapWY\nSZumKA8WuITasGYCmZQbmQEGyi9B+3IL3rljHMPPQGJ+sRR3BHaXDpDQx2j0\nOYROd1BqdkcTC0KXI64Sq0lQRCneCSPLmYAgnJzju1yNGaY2jCYCNH+Z8qKu\nmaZ8\r\n=LVUc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGE4aSoe4lIlDf45lbL8NLVByIhDZBPKx3ZGRiQRsDRDAiEAyrEXrwj8nKVeHV7/ylvTv2fu4dUSKOseC0wEJTW6Opo="}]},"_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-circular-progress_0.20.0-canary.761027ff.0_1605737603089_0.13888334293364535"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.dc93d04c.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.dc93d04c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.99cfb6bd5.0","@material/mwc-base":"0.20.0-canary.dc93d04c.0","@material/theme":"=9.0.0-canary.99cfb6bd5.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"c3e20c69c9dd47eb0b31f0ff51e8150d8d27ee3e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c3e20c69c9dd47eb0b31f0ff51e8150d8d27ee3e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c3e20c69c9dd47eb0b31f0ff51e8150d8d27ee3e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c3e20c69c9dd47eb0b31f0ff51e8150d8d27ee3e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c3e20c69c9dd47eb0b31f0ff51e8150d8d27ee3e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-tSKoveSuvmDL+pV8Ls2inALrZBm6v94wUAycad7ie3eeUAYW3sk0cySzPLTVlAdlkeBg1N7CAl/y02KC7ywZcA==","shasum":"825bf1199aab34e5b080e34a4cb811dac3084d81","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.dc93d04c.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftZ3pCRA9TVsSAnZWagAAa60P/0uSB89ljAjAprmaOecx\nlmKpkZXvyCzpy/poXmfZ+2dvCLz3CkmqEOgkyXupmmtslgl03NX+jY7+ASj9\n9J2Itg668JlG4Vtdyi+souRih2bBZANeA/GDQY5TqhEbj3MzkpP1m7pKDWsJ\n5dqNIQPkQnhkKcR+nu4ZW6grgE7g+991h9aoWpNZC+oj14qfO8gYWwBZYP0y\ntaUOwjGVFP+cn2QYE+lplg3ZKCyDO4OrApxL0Sj29mYC14oUjHxCF301C4q3\ncSDgqq21xddVwwF9f8DzDBhS2mDwRk2wiXQu00YJVrzQe+mGPmaGAzdX5n50\npXj8XY3vjOIc7kkX+/N9GpeWCCkEWPuOXDAVjhcdVoV+1ju5+9iIhGZQN8zc\nO16GZVV0LgzSBDUhZtwX1ybuygrNGsfJYpU0tjs43ZbPZByTRawPTUX2b+c2\nAclJlJa+fNB8Xjt4uYpk/9Sp7CxqBd6tkUDA3iO2TZ89WiRHbMf9pSpuGv8q\njeecroyHtEwDGlgwnkPhwvSsWGKL32E4xNdHCIy68k3onokVm0J2VztwkmgS\nzrg/Kg+E9hQvsY3D3+MZplGVj3ojKmTHiktl+N1D+D/nOXtADZIrM9uXy22o\nVlBOXQ9bN3hxiAs5ewQpGn0VFeTjbmyqnLVBhFH2MkXtMnQgZkICAoxx9aN7\nox6W\r\n=5WK+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA2+qc7ewF0KD2fIGrrDIjVmh+MCSO0cDOIK1P0URZz1AiBqywTz+7BV0myWcKqLDnROAc1s8v3IJQcrwSed5RiYQA=="}]},"_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-circular-progress_0.20.0-canary.dc93d04c.0_1605737961083_0.01288883106900296"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.4a5d4eeb.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.4a5d4eeb.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.99cfb6bd5.0","@material/mwc-base":"0.20.0-canary.4a5d4eeb.0","@material/theme":"=9.0.0-canary.99cfb6bd5.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"6b9b0de3adf5b550661d63baa970642b71da5fa5","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b9b0de3adf5b550661d63baa970642b71da5fa5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b9b0de3adf5b550661d63baa970642b71da5fa5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b9b0de3adf5b550661d63baa970642b71da5fa5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6b9b0de3adf5b550661d63baa970642b71da5fa5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-icDWY0XbauDexDLw2CUk3WTb13PNDi0uxHr7L3CPI9LbhrBAmQ0NrPLeHaflHZAcsZx/qFixD+Fe4qoEyL3CQg==","shasum":"e78428aa5b030c761b30d1aa9fa45bf6dc5e0c68","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.4a5d4eeb.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftlc9CRA9TVsSAnZWagAADZQP/jodbCGGs1SozYEkAkRE\nlmjvVI0ynhk2pkfZTW781afjSCvLvbXReVCb4M8w1NQ/fgh7oOK0Q8bHHC00\nIm6LggI+bC/U3HQ0Yj50eImgbYPgVbmX9GLcO7oMrj7gbq2w8wxo/tniApl9\nC4uaTg2VucojR4hW9m4zPXIRk623xHignYzvJF4v7oAkQKWoJ2WRTAYVN5iB\ntPeIK/WoM+jrFFxv2P7xji0Z0NotW3kwhF+4IpX057Qi5MZixJW/PTxpdth1\nh9S/UolLx6c0M0AcFnwgD8ZQoqPl3d1HB6o5hliF7v85ZRIDB0QqQSlIEMr1\nr1WpItC1req4iW1ogoC4yt93dVdO2+KRWGbuyz3Sjdy17HubVuNLqa9Pwk/L\nIr/LvvBrv/ItNvCkI/79F5r47Fyt7ZWwYzY0RL0IOZdQ/pwc5PwyWjY5yEob\nWtkrUHU2+fwFnZ1Ae3aRe0+1PttKplAo3s7cDXELnTxbWiz3uM0YqJKxEqEu\n4fMC4F2gufOYFVp6vNmh8OdkPda/toPjgHPVS1Mw+8ZkGBszmtI70VStX1B8\nxtvcxlEOnvNWsmorumSaIWB/u2Md7jLwz2jUunHvT4J4hMsIokcj9tl1kaqV\nC5HT0KEBAT1p1UdXymhf1APgWDvR53ouFjqu5xGT7di2sZdkijDcbZYWiKRW\nhy/B\r\n=le3B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFphcAnu9B3mFXS9AdWUsEAYCRuZIkIyiM8rGeLE4oCAIgA+BvQf7ZEtHE5nJc0GnkyMVYOZ5LNmqfVwiHTWLRC40="}]},"_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-circular-progress_0.20.0-canary.4a5d4eeb.0_1605785405388_0.7503991386843409"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.bd176a15.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.bd176a15.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.30c11bfc2.0","@material/mwc-base":"0.20.0-canary.bd176a15.0","@material/theme":"=9.0.0-canary.30c11bfc2.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8c9d27b834d60d0f197616dd1acd74cbf2cada07","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8c9d27b834d60d0f197616dd1acd74cbf2cada07/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8c9d27b834d60d0f197616dd1acd74cbf2cada07/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8c9d27b834d60d0f197616dd1acd74cbf2cada07/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8c9d27b834d60d0f197616dd1acd74cbf2cada07/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-cM9semeKNNSm9OwGu62kosfuo7erVgz6K0LyiYd2QSS4n78ED6JfwQN8Un4vIc9iuTeNHbewS+j6NDKd3R/LFg==","shasum":"8eba905f89c5aa90c73ee4a334c05fb0ee985d87","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.bd176a15.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftsL1CRA9TVsSAnZWagAAf4MP/RSSsFsyVrUX5X9F9gi3\ngIQwlWeYeai72RY5AAnGvfT/d7KAo+SjWvPG2w0ntQj5hXdWqEr1EOrOGf4G\n6Kyptt5bfG5hHyQ/FQGa7lIxoktfIItzt4E9PTVro+wedM7MBDPYGzKLi5yq\nDL6wRarH5UkSLbtyFNqtWwd4UuD4UdqD32iw0+/Gjmq3KEIhhRGA8MpVx4XA\ncB33CkugmLXe7CMzi0krGu910tYzNMhtHO9/CbIQNVnbVqUZm/PZfFrjn7w7\nc22A7cgFirQCql02GHF21nD1kNKsYpxEqYz2n2W2Q941fmwmyBF6hVm33CSP\n8UwJCZ97YC3IkRCe/uPoyo4SZJYd6sYGs9mcnRN3dcvjXgF7ORh25SMqAOIU\n2Cc8Zqde+Za//HqwMzS7d5IHnP+Fp4iyhVakmbyaC5vReUWi9eRuPoyB4nBV\n6w61k2hiWpUKtUMIsFmVp6N7mL/cww1rop/JVZFHNTpTy+14u8UZFZJmb10m\nBXdyxXGsNcYyV64DyLbk9QXTUUw6CfuEzEv1ELyse2pH/j/Ofsxam5XwFo99\nAVygRuJcIMRca3P34TnQwokurP///obym86G9vXkwfRVqzL2wvgjOJj1SUA6\nio2lcKW8CGN8BlXotuSIGkguicELuoG3wMk9S6ce4umRkA+fA030t7H/gzyk\nyjW8\r\n=wqp7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDJrc/HZSGIeRu2GJ6m/CWUQL3o4ZH2XEVjPiOY2a2cTAiEAxwMyYNSqPPKXGhBQ6qg2DgYuHV63eYrggrAjlaMv35M="}]},"_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-circular-progress_0.20.0-canary.bd176a15.0_1605812980884_0.6982174226108608"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.e85aa60d.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.e85aa60d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.c927a5d05.0","@material/mwc-base":"0.20.0-canary.e85aa60d.0","@material/theme":"=9.0.0-canary.c927a5d05.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"3a749ec8278eb0b5833500696f08308837328144","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3a749ec8278eb0b5833500696f08308837328144/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3a749ec8278eb0b5833500696f08308837328144/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3a749ec8278eb0b5833500696f08308837328144/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3a749ec8278eb0b5833500696f08308837328144/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-OiUZYBLliK/1a3l9FGvrvAH0ETuAq+vKZXfMIeuSWIwtZLhQZOj8JB6rL+PrJg35XJSHBkkyUMAEVoCByVZkYw==","shasum":"1bcb47bd0f36e66e0be3f4ed66262bc283c9b806","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.e85aa60d.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvDaGCRA9TVsSAnZWagAAAroP/07jsSH7YoDC1tUciQvg\nHqdkvM+u2o2rYA6NZNAQlp/bzo19ChVd/mkVqrICd8LnxhkWt4zWXkwjg5SC\nYBE3Es5eehhV0ce6sPT34TiyvMlUTWK5d5f+WpgCb6QQoGDThmTilC/aMPGO\nu7XYTl/KdNGlrhmcLKVKoxiKRPG8VrA3OcurEZ+ip+hVzYBaWKp1R0MN/CqV\n+YrY00U0ZCweiNiK3R3G+vi6b3K0YYEoPM6stmi+oOjq1h6k2ZKVLWQ5oZis\nPsXZkz7pP2GNdqFelRWOj6Vvanl4CikZra7do8Jccno48TGC+ueUeDWHBajt\ntC7kh6j4eFO3y+HGts+18SCwvwet6/CucMmdAcGOViTel0ZtAVfjtOWSIEOa\n0YRq0MntyjJGHwvrmx9JdcmSOb8jkxZrfCPM1eJr4gGzE5SF9ti4CRecPYwa\nTYmtCsHYmTCTBpY+fU65N3zo6n2V7c1KW38KyDJoXz5hdq/M12waa289Zg2h\nHF5tWWuyWUzDe3ZAD5+vkrjlKn/Zjox1nmo5PPdcDsqEf4cdml+bCI1RFjNH\nPLOr+144I/cj43H0wmHfQnC290zfq5nHGXv9qu1TsSnbYHeqm3LUPx0CcUao\nekQwgkGAkMuFs5L69qah9CgXVtwOGP+1u0K971JpDMvUW7yr28Bm2IkT8cu0\n6ihB\r\n=eAse\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDXOebZA7A8RLfgDElMRnmyjrw98FNiGnBHB2IIjs+SWAiAERTD+TWJsMKVDG4Wgp/M2ReL/Kh3/3hMbQrkb+aBkuA=="}]},"_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-circular-progress_0.20.0-canary.e85aa60d.0_1606170245781_0.9903109099852361"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.72092360.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.72092360.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.c927a5d05.0","@material/mwc-base":"0.20.0-canary.72092360.0","@material/theme":"=9.0.0-canary.c927a5d05.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ad7741df1b6ab1f1eaee400d6026dc5ab7821d66","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad7741df1b6ab1f1eaee400d6026dc5ab7821d66/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad7741df1b6ab1f1eaee400d6026dc5ab7821d66/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad7741df1b6ab1f1eaee400d6026dc5ab7821d66/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad7741df1b6ab1f1eaee400d6026dc5ab7821d66/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-gaZdHRhz1KES32BHM/wfnRnCzOB9Rn7iqV5wBET5awxl4U1tsUAvf75RJn8x/MOyei3av9sUlw/uiwUwgrW4Rw==","shasum":"3c1f95c453e871e21db7a4de066797c5a33a9e55","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.72092360.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvIlkCRA9TVsSAnZWagAA/20P/AlVKcNBlPQT9B0WWEvt\nLYHW995W25mzaSmz9AUPQhCvbOOHzP+GC+eXxPVLx3aSWg6z/NoYQPOWzyxW\nDS9XEUsRRPrMWocysLwWISzg+e+5uyN37CQDlFIREft/9kwxQEFNhBh5UqZE\npl6eud+w3Ui2dnpDXnpLWPUCziMY8S3MGIsTmsnxO3PevPwm9YlXnzqxq7Zm\nEtKiPPBn1EgWyXri3Zz6VntVr93XaP9j4k00+bBc+Tlg10L0qqByCod6jdb7\n+7Ztu0X5sXAictETNaF5oa3WdtDmYPpkQUpe9t849K7bqBcEXrB//AtewI1W\n9DP7ebAU2821D0871/UCX09Who0OPbh8+a7gOPEhgwy2F4uQa/Tgsbb1ReNJ\n98ZSGW11k/Vn/5JUDTLvzetmVXKsHOfBZ0HqdIyxn0y9S5pMtI9FsPhYKE7K\nwGYq92YLZM5nzlER9fk8A7dWgKSRchCG9j85xuTYh9RDz9BCewTFd2rKM8D4\n8tsQ3MJzcViEJ5mMefxy/PaqrcTbl44ag646dwRuIAe73OhHVPBIgpwsmwJR\nP5UpTduyfYM64hTAr7lB/8PZ81ADwVNbarxkFcy6BzYOECMHxprw8BNapa+j\nsoZDQikiHSslwFhnLvht92qtWkgkcwwBMOtYMJ4RfswB0NXSujEHKHxg9qd6\nySsJ\r\n=nvc8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBKQ58wo8UkkwckDCRUXYHQuEpxbaOnsfyvrivWX8eebAiBlxwBjmODeZKNDjjDVegtsJETJ/2kwHfh89ichGwdffQ=="}]},"_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-circular-progress_0.20.0-canary.72092360.0_1606191459670_0.5812968667208036"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.baf9d39f.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.baf9d39f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.ae27b44b0.0","@material/mwc-base":"0.20.0-canary.baf9d39f.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"aaf8660af2b57dfe4523a224abf621deb5b5d3c0","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaf8660af2b57dfe4523a224abf621deb5b5d3c0/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaf8660af2b57dfe4523a224abf621deb5b5d3c0/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaf8660af2b57dfe4523a224abf621deb5b5d3c0/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaf8660af2b57dfe4523a224abf621deb5b5d3c0/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-j6r5T2cnAxKz+JYCJ5AUdSk8W5mk/zUknUSksM7AL2jCvHfYzEzjEkbskeE3ZV2IiH+q3Gouq1unYsrgSH4ZoA==","shasum":"edfa89bb836ad073ae711a821c3e25d31a0f68a3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.baf9d39f.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvtEGCRA9TVsSAnZWagAAUa8P/Rc6tRHTiPCR8Ocgo/8N\nKhZk0cfXc/ySXqja8rjrls6iq6vvEFc51vhcyKyE1TEmRJ8Jnl3zv6GgZjFV\nR2LYFpAie39zHlRUAuJDYH1usT/4flw8OjEgLn0NjoNyIk5nouQV/FHogmO4\n/PoiftLiUgdRv+CXVrfKy2tXuUvXEmluzjH6YNHFMO8zUbAihvGkYmuXopaB\nyysGxoeQxKB+vbqCSt5rLlOoI9+y7qBZpL+x0xRKkNs4ZxiC0+b2DPdl83Nn\n3fdRWNUc5EZ1j1PG+liEEzFKCQUzNcTMR4PFGqPMkMD8MwWaZkKJQ6mv+7a0\nFJm8kqZU7sbbedWJOrB589EtO4gfyhD8BHfg5YnMURbLtHQ48YZNfCNPB9+B\natYFk3t5h1J1uT5UatoCeb4OeoMdz8c5xRb7ACa0gmurIc/9iI06uTg009Jw\nSPkXqASAUVd5fRNJ1nMTj9aPvlcov7S3wUrBXFucK/qTvXesBQz3fcpF7xAa\ntsWPTa0nnk/FJdiNKheGWb6tYgN8XfCYXC8obN2VNAOOqam8mPSw7PQ9JU9I\nNzANi1uey9z9/eBJepR8AwYsmRQdcj/7CWlTLArtknCN3cA6FvKefIXgCLQY\nZgyYSVabUhdxmCMTwzMdZhHuz4wAfgdgyRa5y2BVr6Yp6AxI4DrfiVJmDUNd\ni2WW\r\n=7jUn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2erRh+WBPBA3FGX0aSMu/WJn6J1J690Iqkmt2hjo+NgIhAM3sEdTaRnGaKpzFdkBbUEwXGN3wd1NIB0yd3gPK+hAv"}]},"_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-circular-progress_0.20.0-canary.baf9d39f.0_1606340869554_0.8334490534864973"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.51aab0ad.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.51aab0ad.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.ae27b44b0.0","@material/mwc-base":"0.20.0-canary.51aab0ad.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ec218298fa6cb371e229348142cfd266d65cbfa9","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec218298fa6cb371e229348142cfd266d65cbfa9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec218298fa6cb371e229348142cfd266d65cbfa9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec218298fa6cb371e229348142cfd266d65cbfa9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec218298fa6cb371e229348142cfd266d65cbfa9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Fz+GA9keQaOD1LTukg3DWDQzSWCCilJUosJiok7efUIwER76Yr1jHRKK1xpbYPURuB//QlyErS7PrZPjicrRaQ==","shasum":"8a3bf289906b17625fce85c15a7eee24a1bd02f7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.51aab0ad.0.tgz","fileCount":16,"unpackedSize":52185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxZasCRA9TVsSAnZWagAAyhkP/iINUROGoHI5qv3FCbCY\n3EzcD/9AVBbdu9rY1/Vv/18bLZh3p044JpTiywV14Cl4s55eJZo8srdzo7U6\nNeDMr++YYUMEn3t6qYeqwpcYwQWS1LDq/760tY994bsjbQaPfDY6AkTZUCEZ\nniJ/5qhSe0ySBs852GK9qVB0bQ+PgsXhG5HDp6ZKN9Jozo6ijk4nEvGLuFcA\nC25fMePb95Qdd5ijhxVRXSwUILuheAYkxrmKm2r9qNtaOJz8lbNkuhbDzQdS\nthg1enuYz+0eAT42HfXlzb1V/2FRSPWLZIxiovUQpZK4Pk5QJHNaeSRl9I6i\nHU2E1+nwNYk9Oy+dfbsMO1zz/zw2s7kA9HeTP5BGg8n7FtXHrpvEPrPVMA8Y\n5bS6MzIBqmCKZzufoz3hsZBQFjdZNiaH2Yy8HbwOyHIoG5qxA1ICbDYT2dh1\nKU160QBcBT3PBZZyQi/7YXdb0BMeykH/MAVEQXnnvtI1I3TS36J5669D6ysZ\nAbw2wCpk1P5pMujrST1SWu1xpkk+i+uWABB/eEimSVLQKe8EZyj1jnv2rVG8\nAkl0zqAVUAsxAbgRzC5SRlKfdTw88McJuNgLcuM54jFnCJVND7Wwbl+x5Py0\n441+NvbxQRQR9+OSIv4kYIHzJFlTcNvfacmtEAR+BoLRRYe6rosh9OdT2hSn\nk5O2\r\n=8IYj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAxxy4slj3PydKzUrf6EuWS6j5HsG3b3Bh11U7+LX8jzAiEArZAMLELLc925X0Bu/mbLyW1mgKl7IPedfJXVWolxIkQ="}]},"_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-circular-progress_0.20.0-canary.51aab0ad.0_1606784683687_0.7397851692289796"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.8fd4af5b.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.8fd4af5b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.ae27b44b0.0","@material/mwc-base":"0.20.0-canary.8fd4af5b.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5b16bb5535dfd0f880b710b51d20b7085d91658c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b16bb5535dfd0f880b710b51d20b7085d91658c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b16bb5535dfd0f880b710b51d20b7085d91658c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b16bb5535dfd0f880b710b51d20b7085d91658c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b16bb5535dfd0f880b710b51d20b7085d91658c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-U02qkvy5VDlf9/APR8kVOXXM9OftdtiZcJ4CVRFIYHynPY/NvaFRYdo4hWfkiRhtY5SaOg/D6DeC6eKD0Yb8Ug==","shasum":"678ba9f0ddb048ea1d76982fd760c0563cc0d45f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.8fd4af5b.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyDC9CRA9TVsSAnZWagAAsoMP/3YovTH67EJQW6fagiwC\nnXNO28HCi84+Y51L1UGbU7xaNcN0AdIaJTsrHeaL6Xz+TeNdD49KzlsdcpPa\nNq0arpHQuUikt/I7O+QT7eJl/mVsHqAUwAhp+XCT6zYGTmfx8Ulxf8GiMD8P\nSowcXNoqniBE+h/DxcJ42Kot8f5hRVlxfQboQvnGSVv1tue5JhGuupKyiH8m\nV/7LbuuHxql43OHMln7bPQwplYP/bdXVbUFFEUmeJDZGdDuJSPA8azKAMKMM\nkXbvGm3V2Yu63x3sUrbTPtN4ItedWTaf7UN4LRgHR0iGVhU2h6/DoWP1OtsX\n102UnR+XVs1WBrghGs923YukHWhQdlTmA9NCJAo8k6UDEzsCIBzP1iV+3lWd\ndhpQF/uQwUzqv8BtGNPLAG7vKjN7E4TtHeaDzZ29xL4scDBrVUlj/bUBHI3c\nO5Z7sdc5/pjWYWzgaGafjyfnz5VvKGzR3OmTGp4Tb2QsD/hLzoLiw1xKyyzv\ngMZiNv42lO8P6IdGyWiTHWtUuJLe6J4ZVnVE8w2/pa7cmPjn/oqXKfdMuxJU\nTIk7mCj+uqvT9q6KLfLE4OOL8D5hnx/wH9HF3dEG+Q567mjex/u2wMaOUcZK\nPP2XABPv/PHCusmRVCrKQjYQMcCOJHV6rZo83kmyjslQN2Qr4L6mayS+ZclJ\nL6CZ\r\n=UFNT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAclnd26GLt4w7tHPKx+AU5VC60GoZDTYaas6BZZP9rcAiEA6DIFCfyKiClpWY5Dtdn/7Trd/Fcxej00BbbgoSmnqaI="}]},"_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-circular-progress_0.20.0-canary.8fd4af5b.0_1606955196592_0.03007761857343061"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.26d14d2f.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.26d14d2f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.ae27b44b0.0","@material/mwc-base":"0.20.0-canary.26d14d2f.0","@material/theme":"=9.0.0-canary.ae27b44b0.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"50590c8a7415327322f7e0115bead5b6a56b9d50","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/50590c8a7415327322f7e0115bead5b6a56b9d50/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/50590c8a7415327322f7e0115bead5b6a56b9d50/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/50590c8a7415327322f7e0115bead5b6a56b9d50/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/50590c8a7415327322f7e0115bead5b6a56b9d50/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-plLpqWKfX2ph+jZ0+VGeg729TgmxmzNjvNeR10LA87CeduePwTYUDvsuX9cWXRGFZGW279/tji6VA4nNsEo2HQ==","shasum":"263a1d8852fc17384682af9046c4e767d465e06c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.26d14d2f.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyDd0CRA9TVsSAnZWagAAdSAP/1iLPWc9jX1Bgb+lVyvP\nIZkdoXHddGKLcQlTXyCIPobGnurQyLT33/W/2rz+8iD6V19itbsBzg7DbAwk\ncf8CzrpkPki9Y2ZsyuPoY6Yyewus/QuB9gxRH4Ikq9LyF0bck0K4smmaExfX\nM0jm5PlbjFZ6Z01WOTvIb06e23rRlBhVfY7zsCoWkZ+Jm60+JHLaUn5xJmZp\nJbsEpYpFUIM/0cwccCetJBLOE8HdALRuW1SdGGXB7plmu6o0XWHIqB3XvMYs\n17qEucapt1boOK8ruDFSWsHN7L5NLQ2BWDkxmhcDO52zwXEuj+uehxbu4Qpl\nSn6mBbodueaMfx7x9GAPW8kx8zOOicyTQebfYQBBEcsjUycd7Zn6Gkx/KKCL\nWo/9A09UgHWYeiDSybFbDrt8bedInxaanJdSk8BhOh6X5djWFDnM6GV4neeV\nQilxGMZwQIpuQxqP4gbBsViW/zL1lc9E+NLs8zB1CMMXAudJhcsRkm1FbPj9\nmcCnXejM8Vsats/ENdDHqKuMy41Xy6SO1MnR85TMKmViMphS0Ag9KXjdJq/T\n7OfYOrjyyrwR8+A78GPqdM5la3et6FzoiMePPNpXEYnA/nCn7u4+3zFdZ7o5\nV9tQ9/ikRBajx4iAAqpEWCYQp8BzJrvmzBBJQqm6m34csA2ALMOVHvLhAwt7\n4ov0\r\n=sH/N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClVOE5TIZ3PydhqjBsOn5+1yqPFl1/Uiec9fS3n8I1lgIgFyoIl7f6vv1SPF+pta2T0wJ67I6Ao0SqRedOF9XmoNw="}]},"_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-circular-progress_0.20.0-canary.26d14d2f.0_1606956916021_0.5183383196753892"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.1663d7e4.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.1663d7e4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.11da3c0db.0","@material/mwc-base":"0.20.0-canary.1663d7e4.0","@material/theme":"=9.0.0-canary.11da3c0db.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"864efc8adbe583a57a2a7554cb0b3d625f3d52bb","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/864efc8adbe583a57a2a7554cb0b3d625f3d52bb/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/864efc8adbe583a57a2a7554cb0b3d625f3d52bb/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/864efc8adbe583a57a2a7554cb0b3d625f3d52bb/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/864efc8adbe583a57a2a7554cb0b3d625f3d52bb/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-h9YOfafUHaklgud5KCifJI8nm3C1RmFh9sJHKWIeVtqZ1NMuV2nyIqcOcUYNPpWxvtCN4P6l8Z1fMGnFwD+Nnw==","shasum":"a6ad193aad421980bac03d19a23cf9f311b7f1de","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.1663d7e4.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyDxECRA9TVsSAnZWagAAbOsP+wRHNspwJ0qO+qNluciz\n6jD5IjbyhV06a3n60pP6+DCNdZxcKaovnY4fHLxUdean4Bm00IyBQWFjduwr\niog26Wriky0aCgq8QxkM5cPL7k5rUsxqA098doEg1g79SgSz3gzebcC4nd14\nfTXn5umEsOp2L1lxeJJrbxUpp+JtvW3nxxqqnkUJH4qtNKJwVXGB1Ch7JMn4\nj3LXeNXOK8aLXCZGmYNesb5nPl6vz6djiqRokxQkZj2BQ7QGsGgjRSBFvQ2X\nntrj2rAnO9uVwvBk9qu1HE+G34d+CUbJgDnyBbykIaPc3Ln+ITMlIGOUm8fj\neGbqastw27Wx/pWB3AsDYB19qamdVsKduZcrGtOmwzQvqcVSItnq90p2whtu\nfhJrjuobGNNYYW1M/+FQ687dJG2cwB3Wv37idoY1EBsUsMtBSvCh4teU3TOY\nt/Nf/1GeIL+hdnNNL3pZpdL4q1MlH+byKcEbT9bZVdsSQBpfcfp+7qgLf1Mz\n1uuBKJwANUXZyuKPYoBVC4ho6iWFYEw3eWPZRCcgO+lYxj+L1d9YrbEBWOBd\nbzZVyJglnp9V/zBfsuLxLxHeeYJH3opsJL35KB9bljQ9e/+FyRXGHn7EzNIG\nD5XzGDzGQphhF+L0gZIkDYt4DuJo8bMFfOS5YciYj4ASjT539TAC2iBA4dj2\nGw5W\r\n=aHt2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDg2s0+Gbxv+ioVZnsFrL9HE1n8tiGBuya6D8IGQXHMQwIgBTBxm3km1TOOVDeYUTESoeSoVtNxFLk30Xo4lVGjr5c="}]},"_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-circular-progress_0.20.0-canary.1663d7e4.0_1606958147767_0.6651164878074738"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.cbe9fc12.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.cbe9fc12.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.11da3c0db.0","@material/mwc-base":"0.20.0-canary.cbe9fc12.0","@material/theme":"=9.0.0-canary.11da3c0db.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ecbb2ff521324d43ca1ca402e290e52618e0454b","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecbb2ff521324d43ca1ca402e290e52618e0454b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecbb2ff521324d43ca1ca402e290e52618e0454b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecbb2ff521324d43ca1ca402e290e52618e0454b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ecbb2ff521324d43ca1ca402e290e52618e0454b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-yGmPtDysKZpBV3Trbit0SUuIAdX9u09/2FKkP/UiZvzbANX51cZpQE/6h5KwwSdkqMnLZ7IYZdgn9bPmSsmSdg==","shasum":"8d071b580c849c206aa0ee3bbfc647e17d472674","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.cbe9fc12.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyTc8CRA9TVsSAnZWagAABEAQAIHs2poOJAtptpibMB8j\nqHDGL5mZ+0UYseY7Bbr5iYt3qtJuj0BonuYvRvWWXl6P97I+O97wouRwgqH6\nHq4grD8d/Fr2KoJhRRyCiT4i2PSKU7MwKK3oUSE/4An3DLIDriSKn96LdxR4\nw0Ka6Vp8CgGLgrqQQLfbV9cxwUuydJ9pD42+omsUaOW4xj1DBq9XnEN8Qp+c\ndEtqVnW5vmyDnDoXfsXScxjucXsdrieQgB1e/ADepbqpLZMimn4MU1ZOtK7B\nFt83aKqBYlSbX4eOcc7RrZlwWtncF69IuqA4b/CQgcVH53PyO5npOh3M/4ZG\nb6SPnued/VtBSUWDhyRdjVnLzeCvWWvmVAbUvG+icigGdEVqPh3bjFWBjZ9C\npqolUpMLz035L+Lhjcpn4ehpx63RNTFwLWTzK8N3hbc5tEIvz3q6hT/KAuf3\nJYFXbU1MEZ6SGwSKGYREIzdODJyspAvsN4RMJdLL8A/lzxnonCTOk9uC59Q4\nxHni6DzB1tXhctgl2wVs2Df8l6ntb+5hRSW24WY0qvF7xKsHpQBhcMR37h7i\nD/ZAdK2suWbnrDMwCGvURkOP+XRcxzwz8/82sxTTG8pyNNuh6V6GUwPX1/hn\nvkhueIxo7XX66+sAdoTAU75eESquBEHGkU31LJP9NQH7rrkklCxCb24E83q7\n5uZ2\r\n=6L3Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC/lVSU86OfOsU/uvAGQ9ZhVlBDQ+0Y+UW2yZQa6cCVcAiEAqJHw1djFXQjA3BYGGICHR4d0IjPQQAhGT6bt2vsT/eg="}]},"_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-circular-progress_0.20.0-canary.cbe9fc12.0_1607022395932_0.2075490882754527"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.9755be10.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.9755be10.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.11da3c0db.0","@material/mwc-base":"0.20.0-canary.9755be10.0","@material/theme":"=9.0.0-canary.11da3c0db.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"45ec0e755bfb97f054d48e3543837f693347d6da","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45ec0e755bfb97f054d48e3543837f693347d6da/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45ec0e755bfb97f054d48e3543837f693347d6da/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45ec0e755bfb97f054d48e3543837f693347d6da/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45ec0e755bfb97f054d48e3543837f693347d6da/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-k3veoqSZHneqKm02Wc9VZTo1eT0RneRtuDwTyDMmnC7aOteS3MgiNxrJ4kaCTnlwmkAL+CIJku8ccIDIngULAA==","shasum":"90e3bf2e3d87957fdda54df8968b96863fbeab6e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.9755be10.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyTt+CRA9TVsSAnZWagAAu3cP/j4AMaoBOZgPY4c+hEkT\n+bTcBZmL/gHUDXLE9LcJcBKxU6EDoazA7I9whgp8O3A715/erQ0SZ2x0t+nn\n7h9LYDfwY5Fz+MuOip5BcR3m3MvKBC1fpQajGlifF5s2pbUYWabCJovLpuL5\nNmmyPB7fOXbG7tujbagURyzsKCM2B0WNRXwAQTrk+dPoGjG0Nwco5EpaQT13\nBfDDBhbCm+0Qad+QXu/vgfYg+DpJXKZEeaaiHKb0VaTjRxQ1WJNEzRoSuazl\n/yU19/sw75zBUlYFrDeMzh6FeboSawxWNFGGHmiMsZvq3W/4/RlyFhASyRXt\n6mEnPtC1DzWfH9VdTVA2bH/+cz2QicyHSlkF7I16LelZGJOl91uI3qxEMKT9\nFJp+dYlYvYKocGF7Qek+AfukTc6fNAC1CGeccxPDioHIkQQyRe848tZ3ot1w\nMes0lAxizpXbglOcDWbt7gFyV0mxfO3AzSF+JQDzuROn8yVUTPDqcVNSDuBP\nZYbq4lUtw7vhf/aMVGMrYErlIWyhallxkr3CUe5A+fFpDJncjzbR79VqhpRD\nUcrSKxnpDAcy7OWL7NLxPUagP3OcbGpilTJAZS+LStZt3BAGah2ATFdoos5h\n4LNN92v0jjR8A5wqEJZj91L5tOnXxvDf+eYl4DH/rtBjkk+hXj34PO3+vQlR\n/lov\r\n=yFga\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTKkjJT26aeqyGKJaWvexQToSz/4CcdWAq0e3H3BwR/gIgKxUdfERSMSTRPOTSyQaPAdOG1Oya1wH16GEKQ6cYe1Y="}]},"_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-circular-progress_0.20.0-canary.9755be10.0_1607023485692_0.9186767012926882"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0-canary.3f64270c.0":{"name":"@material/mwc-circular-progress","version":"0.20.0-canary.3f64270c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.1c156d69d.0","@material/mwc-base":"0.20.0-canary.3f64270c.0","@material/theme":"=9.0.0-canary.1c156d69d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"048e0b4e0ee67cb81910736a7dcdae5e949a5eda","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/048e0b4e0ee67cb81910736a7dcdae5e949a5eda/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/048e0b4e0ee67cb81910736a7dcdae5e949a5eda/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/048e0b4e0ee67cb81910736a7dcdae5e949a5eda/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/048e0b4e0ee67cb81910736a7dcdae5e949a5eda/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0mgdKv6rzqi6FYwaipNjU47TdLZDVXi/GXwQuUClsm5jVM3/3IvXE9dXldH+K9R/fLPi5AIwXtr6eSKxydpFvQ==","shasum":"e9237e99160292fe8e73b1a8a5fea32b18ffdf15","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0-canary.3f64270c.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyV1ZCRA9TVsSAnZWagAABOgP/jHIwDlkCqBEn32mZGPh\nmVcRHFIRRJ+duCsslBfqiFldzgh/LmbYv3sikoa2JD6pNpRwNuWuHHxE6f9C\ndCjfEPwqYWxvNZ2WXmQVmYYRKfCfWs9F3TA3pW5TPdCMD3zHgMjSu2h79WfY\n1omhpQuJi3Lp3d08OZV9ZfvRLeXm2dLBvMEpTwvsJ2ukgQp3CXhtoud7PZNR\n/6es3y+bUBi1VVpvhkpx8Z+g1kwBUsQU2iEFH9Hk0MlGm8AGlaFLfyV7dXaL\nLr7Gp6JMNN07lMjAxXC0wmesaRNJ4CE0bpi+JmFoEKg0wznGBemT6Jg+jEU6\nrfpwJ3+XvuQBIggVuDoW7aFhNbL0rcE7VcUX1aNjPmeJG2dIOKICmPsXXV2H\nHbwVFW/Wl/OEeBP39CygVJEQpuenDXOOEAkI3Y4CtozG/o+Q8FZlM15BOTuG\nXvhgFfap24klmTa5cz/LbiOFOeGFYZ2l4EraVAuoqyj6CiIKkxLDYY4ugBte\nJ7u4WJh4IQ21HUHgjdvc9pjPRxt354yax5SBmZX+1KfhO0MM97rokukbELjV\njzg8cJVLbsWRwvOEaj8EvM04YpC4m/rDkohjRTTRO+dgLheXKwyQtGMqlEGp\nqmgpD4Hd0XmlGGZpelPnkqoaG28+ker7rcQCcFmtLi62dLOK5jRYYLufsqlt\nnYUb\r\n=Zz60\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE24W+zGJeXjruZBOHr3Y/AgWwAbe7xrEcIk06/ENDpwAiEAqBfVHAxN4lLN0L9jaW7cQtpoMqU2BkbHqB1piDlGm7A="}]},"_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-circular-progress_0.20.0-canary.3f64270c.0_1607032153271_0.17973800973469078"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d893b14a.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.d893b14a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.1c156d69d.0","@material/mwc-base":"0.21.0-canary.d893b14a.0","@material/theme":"=9.0.0-canary.1c156d69d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d85f7378e0640c2cfbe4f96436e664222a4c2571","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d85f7378e0640c2cfbe4f96436e664222a4c2571/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d85f7378e0640c2cfbe4f96436e664222a4c2571/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d85f7378e0640c2cfbe4f96436e664222a4c2571/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d85f7378e0640c2cfbe4f96436e664222a4c2571/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-jkZnV5V1LFas0I09XcF5xQmCQ0BkFddBobWUwIIVPHAkkQoDZfQvPOJGEp2qxQZ7jql2vsC/b8Fy9WFigmsfEA==","shasum":"4718b63187aca7c2f20b6732e50d8e4edd08ab7b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.d893b14a.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyWXPCRA9TVsSAnZWagAA+sgP/jhyBnonmmNOIEfg3Sc/\nb21lTI21lZt7YW9BD3Dg+C2EpFAw7lRGFd5yRjMQgRejRyjXWqQmsN7t4i+q\noKCi8XByBWhjbUlSQcM5HMsMPXpWxAggo+PHL51ODV3mto9GrJQZBVBGNkx+\nXJhGFbyQsmpysKHj0iOxPXH3AykdpEOV1TzQF12aETm6Qqo8y5F5AxA2MB6J\n2M0i5SheWjW1us4LoQPJy5cB1LqQQwmh9rvopE85rRJuLbQfBHphC7AZNUyY\nVS5ycmwBJHRGAo5CSS78QbOrhNOFlOuN682Ww6nYfMgNClIxNc6KuxeJKVuo\nM1IbchZrhVYyQQ0VYNH9LC2Zl+jYJwVasmy5z8N5BXBGu3rPJjZ4XFp7pBoB\npzz8Butu2PiHcGnbqP4z1xciiBLkiffpvh8pi0e5lg2nlfxr/rcXorDofRgC\nVOxgL5VUlV01MG92EdHRBCvoHL3wNt84KOxKsbXWIb7b3MseT6AR4Y0ZBDms\n9LJFrpJuX4l5bUKUswio3JzDPWnyLSlMwDijYepF+8qmO/DoSljxWTHfbqCf\nz3+Dhb2tBCuta2lFfZqco0qOJC1ASlZBhmVewEk7aONvIxzh9t/wp2xdUo79\nRIMbR832JeTCz7rkrgZFH0yXie8S7lgcv+8wksCit3EIiZ/g0fuHYBXOvKjz\naj5n\r\n=crRr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsg3Dgd3qapIjpG9dMlvujbwA8cIsNaCm5166rZfIPdAIhANg87XcO6zyIIlXZaj3BfLxDfnEIORHvT4q5LwOqGNWO"}]},"_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-circular-progress_0.21.0-canary.d893b14a.0_1607034318823_0.9744072237280108"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.20.0":{"name":"@material/mwc-circular-progress","version":"0.20.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.1c156d69d.0","@material/mwc-base":"^0.20.0","@material/theme":"=9.0.0-canary.1c156d69d.0","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-circular-progress@0.20.0","_nodeVersion":"13.8.0","_npmVersion":"lerna/3.22.1/node@v13.8.0+x64 (darwin)","dist":{"integrity":"sha512-6GyI97rZOGajjFB9L8R+44myv3YMo3zEHrlco5j1WnMPIPNHUcYww8EJgtkcl1E/q04Xpwvt6fFPv9X4vmLBnQ==","shasum":"db27d4862be4afa3b68f4d9bd06533171869ce37","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.20.0.tgz","fileCount":16,"unpackedSize":52181,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyWaXCRA9TVsSAnZWagAA8Q4P/jRcBWwkoagM51DAx0Ou\n22x9cFctl4UEMI18zhqsXtlYE3Cwwam1fF+KvyXX/vSVThDf8T164xWXgBtv\nunokfeOIoFXHbIrzU3BYvuIMmDKS2o+OEOjzovYzNSCAqCFybAl/SGGvtEwI\ndAfqSUSKKZYI6zjzQ87FeVexSO5LRl54Twid+Zt6wpjSjc//Kv2eqy6vxgUO\noK81ya1JIpPJ/oihhlp6Hn42NxNLlDZfhwm+5CjwQaQRjr4lnjBGTb3jQDMZ\nOuL5aUIJQ3mqEM94NY6p1V20rmNVIH/gzQah0AIr6Ww6xcsq7a6GkZG+GKAf\ndspUMp9h+ZVeHxRmoDGEG20jgWM5T/zZGk7kpXrgQBO+BD9m1YBRIU0K38VH\nyi+Rw+V/JMe7L9mkSYoVFqMbDMJJJshKYz9K2EmoEeOaEHNGumNNKF1muFZa\nYRX4t4BRTJcBnRHWMLQ7Zjz/k4DU7Pqhofb/Bt/i5coP+Ne4WjBa57ORHqRZ\n+1+grOrVkq8/7bpgh11Y+FKynjPBHFcuqojNXidnHhbuBVYVHAxbq1+BxyfQ\n5NNLjBAep6+nTimzDzr7P0wFl+yD/8bygv1F/8MNc7AhPyP2ZmdQxMHD+4Up\npKd3NUIqww2GoRyoKmXlCtrCq9y82dxk2t0lvFy/oRinRwyPb68q5t1y75g5\nw8BI\r\n=ALim\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0emdqULRowLpI/Q4EyFlXizV5eQzP//SnZrJPEQe/1gIgHIh3Pdrv2nf5NaW96K1WuA/LhiEhibIGl+WjONjMw5I="}]},"_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-circular-progress_0.20.0_1607034518878_0.22915888349410252"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.47c7d7e5.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.47c7d7e5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.1c156d69d.0","@material/mwc-base":"0.21.0-canary.47c7d7e5.0","@material/theme":"=9.0.0-canary.1c156d69d.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"670d83aacd771290b76b657bfe6ee631865c037c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/670d83aacd771290b76b657bfe6ee631865c037c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/670d83aacd771290b76b657bfe6ee631865c037c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/670d83aacd771290b76b657bfe6ee631865c037c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/670d83aacd771290b76b657bfe6ee631865c037c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-vz5rbbaZeWaDn5wYJTzUVixeC2QbYLJOdtX6wCjQdCaixxiBtfezAdBqYGSk2FJvqDkiw/Y4pWSRSC87jpOKnw==","shasum":"3a7948f48e9480f833a2aad75d367cb36cc1bdbf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.47c7d7e5.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf087kCRA9TVsSAnZWagAAaLkP+QHBuZuv8+qUPxVpzm/B\nCJNrudjoMnUaqE5SZX6gM/L9I+66zPxqSWMaGzATiNhrBtCPGZzN7GPK4Yr6\nbwoeKvzcSLMkHzU7MlGnwisB61VAFdzcJt5WHy4ex2G1QcBpvPxIub/92v0v\njyUO1SEPt1WDP9EVzGi37ZP9Jl303dRRBzLnnz+ZbkSknEKINoNB02EWpMHi\nGP5eDKbty6+4pSxr5uR56evPNr9N7s80rR/zc3OSCs11YTEqGGGmOcRSjuEN\nZ+y3W+/n6I0TSepqckANKdHBvr1wxxSABj5iyW/5J5iZtGNYra0voVv0r66N\nsxsbSlJgNhkl628c2TT01Z3p7lApKuGaVf88b55V3weThCiitNxV9nrnC6/S\nrqbo7QUID43L4L7MbXF49qEeegZ0HHc/YojFNoOVeREtPVXLjdA9JKYv6Tky\nHnpcJF7pO/P6nfJUZh68aqCFOHLp5pS8ywenOCcuN/RwqsDVH7YnjquV/ZVt\n9G9g+T5R5v+ZYmdWrU8iM8w1T+HcwAvfIllNwLOQGImqXIUUYvIWjZadLIaw\nE3Wu3yJBFiMWjla+abtMeLko9yOnFnKUxEezNZRHWhP+2RosVrdY3lNoSxMi\n9qOVxxXQPPRB2sPQSoUhVzVv+fC1PYEUtz/gTaya4l0FlCWAJBc3F68zZiWi\n2XTK\r\n=jp4l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCogVtgVrKhuVqSy/ahCBf2QjuOH/TTcWad+7L7LkVTAAIgaZUwKYrcWDsNPdPyz2W3cCEfZp8UKP6jQ+dvIlgTx+g="}]},"_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-circular-progress_0.21.0-canary.47c7d7e5.0_1607716580432_0.3665268040451546"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b304a78b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b304a78b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.9244508bd.0","@material/mwc-base":"0.21.0-canary.b304a78b.0","@material/theme":"=9.0.0-canary.9244508bd.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"44ea71b47f36de83be1e3319efa93b6fd3690c2c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44ea71b47f36de83be1e3319efa93b6fd3690c2c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44ea71b47f36de83be1e3319efa93b6fd3690c2c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44ea71b47f36de83be1e3319efa93b6fd3690c2c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/44ea71b47f36de83be1e3319efa93b6fd3690c2c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-fMQa1G4/w4v61kbcM+9UtDM7VZ5moSsgjwBnRgDGDXWec11K/p11B6af/S5IeBdj76RRLADOv8ethm1qT6ITkw==","shasum":"67107455bbe797839e3326146bf02880a1e12003","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b304a78b.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2RaGCRA9TVsSAnZWagAA1h4P/0jyeLXVAGQQtlax6nqN\n7mUXuouTmClOFkJYoJPPOMXtD1/qhnneOrYDgRHHYdJ/+MhuD373VjZJTK7n\ncyYm1LiOkuXt4TmEiiWdkzJyD5ag6en7A7OFlwoLGfJ/fBC5k+6wk1UYPTFZ\n31WdkL3fWimC5YF3v8AX8j+Avr2ibKEOX3kPgU0qa7Bftbw1NRI33cLOOBEO\njQbLmQGyJcgXJvWSfm0m1iAy3dM8fSuQu50jQDUI3JteXHWD2QZbSVz2K6DI\nY3qSGxNsIMBbrURADYd7S8XwUT23xzNu4rwlOxNnb9l9fukZ1mR4CFBTTlKk\nqx3T8pfnJU3dtRsSnyvUhoqS+S5jGLzcsPMQxL4Pu+PxO/6hZCPf9/EvhCiR\npBQbS3kh0rTDPfThbzJRAceTZMZyKjQqgg/1yUIKz/b3+9tZcYxhpXyQWiSO\nvzUpyw9sBOeSSyk54gMW/7fBxfCvWdadbLqVpa1j543L+Z9690Hr/zDc9DY3\neoT3aizvPLxMXsp+PfrBiRj65i83fGwok89pcBZME61pw+rtOO9hid75QH3x\nCTUB7NR4Ffa73KPSWhnXMt0MRLeVyewbY06V451Z2fju5xdoVdG6Aoex3/KG\nN97bGGgQxleVdi+50O3WFuQqPPNLcdMrZ5RxjvkaIvXpO2onlR9vQeMWrcNB\nzdQ9\r\n=ErU5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCD3tyZFo4XZfBt2tR0MOtp+e8Jj/md9KYFv2ba33dz9gIhAKVb7/S2f9DioMdZTT9eGf2g20T/j3tIdyQ7eyf6FoXm"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b304a78b.0_1608062598230_0.3898223806201764"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.777c5fa4.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.777c5fa4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.9244508bd.0","@material/mwc-base":"0.21.0-canary.777c5fa4.0","@material/theme":"=9.0.0-canary.9244508bd.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8e5f0e24042f2b54d3ebcac6c8bc11f89a7c1a1d","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8e5f0e24042f2b54d3ebcac6c8bc11f89a7c1a1d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8e5f0e24042f2b54d3ebcac6c8bc11f89a7c1a1d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8e5f0e24042f2b54d3ebcac6c8bc11f89a7c1a1d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8e5f0e24042f2b54d3ebcac6c8bc11f89a7c1a1d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-APMfVjxD6thsmjDZY9dUogLbjZpVpvV6u8nmhVOj29IiZPkjnSC/djtlVyfeq1c5gdQoUnml1D6Ddd1IBfuNDw==","shasum":"06956b38d957df3309bccd68b6d51c9b34a90404","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.777c5fa4.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2oHaCRA9TVsSAnZWagAAkN0QAImY/jZVgYNMD719kArj\nUk7EszSNluCWPrxvRWj1Roql/21yn/P/Qa7Wg3DvmmOSjWfPl59BSBBiXw+Y\nMZTf1tk9tljXbN/TSXSv5kxTyrcGdfsPH7oqdz/UysRVUAZE83dj3CYcKVjL\nVwXo0wnqYqfubCIyY9SbYwgnuhJOOo3bFGjp9v0hPrmugwsOfNQG0DrFcuFa\nI7GKvZd6q38GtlOlOZ8adntB+WP4NO5uBe6PEpRJ/xNUneD0lThpHNGEmsHj\nBS5SHs2fjefoyNPfOBS0KDBG3UjBqK3q224zppxKPyRigZH7VzqIX8RTPYdf\nFHTnGb/gdwS2YGjbtT0SLE08FCZ+wyXJR3z7QsMDjhA/JKc3+Vb8vSh3bPgV\n9wuMJe0C1yDibjV6lj3AT6JwJupN9+ikX9bAvSvjKzn/g7l3SUwOYu0OYCt4\n0//hQ45nBQqdcm7+sDQ8Y64SsVpsjEaK25E77Hjb8FlfDwkgDoeDXdOtb8ZS\n84e0o279CMXzS5bRkJob0JPSHQmGFBgBkFEJ1wBbr00/c8TKpdS32mC6JztI\n+XJUYM7PwzhdKqlYa94RWodQGHJ7l7cHp8lrekd6K2lKms4qbHG1JJtEhk1a\nBgADfzvjS2q2nJmIOn7IuZHtE9pQvOnVU1b2SrXp57lbQMJm6/4kB4JoXLAM\n0EZs\r\n=7G4W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNt03amK6OITF83N8OM5HAM+m7q4XYvJ34es/X7FO7RwIhAJSBV9fJ4UiikpGNyiyYyuvFiMLgLv9XIYgu+kA3GcA4"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.777c5fa4.0_1608155610210_0.5380592144976859"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.635c7996.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.635c7996.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.30fdfd06e.0","@material/mwc-base":"0.21.0-canary.635c7996.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"a0b572136cec769df6b66314ae5710101b643ea1","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a0b572136cec769df6b66314ae5710101b643ea1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a0b572136cec769df6b66314ae5710101b643ea1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a0b572136cec769df6b66314ae5710101b643ea1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a0b572136cec769df6b66314ae5710101b643ea1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-jpSD1QgkYmUn9lqKqcDkUQyDA79Xg6zWfoT6u+NWf4P50oz9vGhRbkveTzahr+hlhBRQy9LWKjIvhS8Z5Ar29w==","shasum":"3f4416e4dc30e75731f43bfb8b1a268590187caf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.635c7996.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2+o7CRA9TVsSAnZWagAACzwP/2PI6ds7eyXhwUYwFsyu\nN3qTae2VQKz4QS99lUGl+JXJIXmLlekU8UB/aJA5Af2Yg5uSLxdhTGCK8WGB\nSpkVA+xNk/BG0KBnFmLKoM+7MkSvv/0A+BpCMQilNnQC4cd80hHVpk+NUx9Z\nh/bgeQKUDH4v5VfFC3vk58AueHOJFLx6X52mf0Ckzsh4cz178mOr93gUN3Ul\n/Hegv85+pszCU0K+QqDdYWzg5wNGXMU8FHx4v+yRID05vS+GpUHe9JdFUpLL\nkQNk0SMEoeacfb7zvPIaKsmVqZalgMLoBSEyEIYQskGatnkfNVMNqAGLTk1q\nG3yQtZ0nYsvTk8Rj6RcEaKXdXiU+VDZ7fwq6DYmLIweLSCL1n7TYWvoj/hK6\nB3F3vt1KVjbXAuWxGJUDfIa2LOaImsQ53FKpEzSYHsUiasApv2TWPyKrZNzA\nx7djGr8Pk9H73XQj3/HXq7PSK2sszdNacbiq3oFr0HYSfrEN7jARU/VCL1i+\nGXgETmB1az+EWTImzJI0XSdvSh/LoIzBKVUT5Y+alGXIlsI349X5HWix0Erl\n2mwXnI4VYoel/uy4hyrmFb1MlzeWIOCo1hGTZNiYZ50kISXgCf289o0hwetL\n0ImcBgab9G+mkuqZ2mNCl1JbW8uCkDqVzUS0VfLZsSdQ7iw3epT+zTmPDbVz\nPxMT\r\n=l+hb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDdJBvg23PuqIt5wl6Q1U8KpXLyyPWbyQCYejWcaoyQkAiEAygJAwGgEX9ulC82SwaB3pNLQn8KKgPKXO9BORwFEYMg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.635c7996.0_1608247866958_0.8382726407544037"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.20b0045f.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.20b0045f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.30fdfd06e.0","@material/mwc-base":"0.21.0-canary.20b0045f.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"a6bca4682b5b0bc23e8311853608b98f5594831a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a6bca4682b5b0bc23e8311853608b98f5594831a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a6bca4682b5b0bc23e8311853608b98f5594831a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a6bca4682b5b0bc23e8311853608b98f5594831a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a6bca4682b5b0bc23e8311853608b98f5594831a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-gYqVGiIuZFQX8m1JmLGmQcZ1c5tANmiAky15LGPkHn85sSXJ20OHPh5KIdlapgvSxDfDs8dEpcfYStCmF/ujAg==","shasum":"8dd4058682e5ad510f023a5c19a065cf5c072e87","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.20b0045f.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2+41CRA9TVsSAnZWagAAGYcQAIihwGu9rZb40D8I9Gr+\nEklbQ6gzebk4atPZ4qgCRVzfnuascTyqCEmiGNa4OLGjRmJig1rhA4b9nkMQ\niAmLiRfxtojdGaBUNnyltqMXgj9KcyyCis4wRv29cett1GUZHXsiI1evvCDZ\nNteQ0xAlfrotqo1alZUwbFpXpTB1AZA5cdtO4etqtwbeb9LoWYr7n+LPPjNs\nCaPJsCdMjssm6F+V0HzXxz7k2EjjvWcvgMpRmTgjioT+nSlGAYNS6bTRNDIJ\nI/lcEvn360StP71iF0gijo4qjSL2/gvvAbfwBsMpoZjdJ5IIERpvuQ2ejtVv\nOQ9qZphjRat9cIuD0a3hMA1GivbNxB1U6t55CfOeEYrcmeuntX7QLRagdml6\nCxyLKxva8OVTg7r/LYlqT3NqerZOWJyR5oZUfAMOnEaFEpqBDRWPY1+7X8lB\nXCGf3S0dAHGXNy3VgNQBRZ41mxipnTWD5S/aIG2mLBOIxhL1wLTELHr9KsMv\nybu1XKcXFEkC4yZjjL91uwcyJ0LLn8ZZhrdyGa0gFmaq/NFWR8HEqa94dGhC\nK2bjlrPQwudPtvnNN2EvYTkhGud+5mcfMCL4x2z42eMy4NHeAsUB6n81vOAf\nD0nkhfS5SNflANtUv5tKlTSrDk4x7E9tuIPWKRW2KvC7pSKvWs8LVFWAuaJG\nXHRU\r\n=ncHs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPsRnU2HmcK+SzE+y6zrjyovvqPI3RAlNfBBO/ooix3QIhAKanfQ+8ooOkXyrLQqdqxNk03biO+lgNv++0cqy0AHtg"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.20b0045f.0_1608248884865_0.09736228550958881"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.41f77000.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.41f77000.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.30fdfd06e.0","@material/mwc-base":"0.21.0-canary.41f77000.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"59ffc250e9e7d85ede63c75495b12e981e365677","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59ffc250e9e7d85ede63c75495b12e981e365677/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59ffc250e9e7d85ede63c75495b12e981e365677/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59ffc250e9e7d85ede63c75495b12e981e365677/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/59ffc250e9e7d85ede63c75495b12e981e365677/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-4LqIuYtMCMIspZMc7R7ja0PfrnNWggMPpW3fSSydlu0d0YTwWZgUwcoJikdNW1K8VLVuMTuEuzWd6CWhkSNC+g==","shasum":"ac9b6b666b4aec1b1175e695806cda1fd0d43476","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.41f77000.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2/kdCRA9TVsSAnZWagAAqIQP/1ZILe4CkJVqoasKP7wH\nA/so1WH9ltm0qqKjqm8/otm1NZdgXCCtlwWK8lOMFBhhrfv7TUz661GG+HVN\nkJWQxc3ztJZclW3AAkN3SPRovN+YFrVFNFt0t8MzdDNkiycGG/ljc6hnn+cD\na/IRS90uW8YxhInBHEBrWZRKShujHmZbFtC4aU4F0v7aOUdIlfEGpBBXSS1P\ngRA/OGFrN6fVpB36IXc+ZXtmP3V8aiVaCr5cPoBqyQcjZGal6mySLwfKW3/p\nWHJ1HDk7KpE1V0PmDs3Vf4di38Ybo25dej5A96I9VeVd4PgAqFVmN8enX/yX\nuxvB8Hv3uZ334Ka6VSISiokKL65ouFfmr2izXDgRIU0j0hHXVo4szfd2m/UU\nBzi/d0pRrqPvW4qyw7MmSMjuPktMfXaO3gZlJ+bbfVuQrBhj4lTXBYlVC159\nQdWprD6TIvNFxIXRH8XSflMsF+NDSKY/PhDDTpA+DkJj+dbiak6ybUHKuaqu\n/drGXMZcokPQuoL6ub34JtxWd7Z0RZOek8t2gnwF9XBOAq3crpdGkAw1owp3\n+uUD7ffYi/3JCHsE8hpY9pt0YccnB6cAH9pihzbPLogRtQhPWlaWdDPunzXD\niYVJCuDcEuozdpecFIfAl5A85Ez/mfXAm1HWajJALOVZk8N1KbwAYeVV1ULh\nwkk7\r\n=ovNi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA1sUQcSnZLPjYWXugwIV2L633YSknHcw+/2+YfzBtvvAiBV2UABr57KeVlKP7kWGlcOZFxrkhVnyD5kbhgBrGP7ug=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.41f77000.0_1608251677166_0.8767879553678148"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.afe4079a.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.afe4079a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=9.0.0-canary.30fdfd06e.0","@material/mwc-base":"0.21.0-canary.afe4079a.0","@material/theme":"=9.0.0-canary.30fdfd06e.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"aeb3539e673debaa2381e0aa7f186b95e91ee563","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aeb3539e673debaa2381e0aa7f186b95e91ee563/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aeb3539e673debaa2381e0aa7f186b95e91ee563/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aeb3539e673debaa2381e0aa7f186b95e91ee563/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aeb3539e673debaa2381e0aa7f186b95e91ee563/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-wA60MzqrESSQR3bZj6rWVqnKtwme5Y+FficZUa1yq2vCp9cUeo9sv060qLORI1SJdjJcyfTLf4vTZVBk/AWcOA==","shasum":"2b7ec04f7de01f856f82d8755401511683419054","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.afe4079a.0.tgz","fileCount":16,"unpackedSize":52216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4i9ACRA9TVsSAnZWagAAGkoP/2aMuAjeiy93xpISfi8P\nx7FLEjjl/0MNporvw6gBb3ImCU7Idz3O3YUjGWqiC8Gx9ttRpc4oOMjTcUpu\nlhSKhdv+qUTAUJuUmnD+sZjHbf0IQNZs9SuGHuWCcXOGWyQ2xKNU02dj3Rvb\n1lxAvfjZYYwj/K3yWmjTMl7oqiiKDyPVaL1siawS+MMYvdCrUmI2Lh7bApjo\nG//zSiDF00vA4X85LrRdR2maI2GWBvdpK6PRh9r8oFrGxegGZiLEaQ9XDPrW\nzq2/maSaP5xMXekb8K9ISbgCFuvERWZBNnTG8uLNef4XZmyKVQmVU0huqalc\nwoQZKrr+XE8z7Okfcmi6D9mJIOTpuClfxCAlNV8aXj7gzGiqu0pFc33QrNdX\ndS4dnLUEYdpNqnh1qDkM8mKUH/XHE9lYDjoVX3IyFiZXUBmmqTNQDRlIdtNI\nJW9uz4a/g8kpxg3TrZi50ejWbaz0lCKl9v9uMicRgL3mC7WDDE5m+PZ/Y2Cv\ndupzZHrsQCxESqRmz6oYSKOYv2UAH4ThS5XF9SjL/w/aoywyJwnoDVHX5ecC\nyOETwJSTmDehFbtDb64hq+iHV7hbtHSRzBDqRhW0LZltuMh8HrQF7EN6u/Eq\nJCQslBkpkdw3wls7WLWjuLiWDnkNcV6CHnAlXdzWLTSZ7gV5aUf7W7+LLW6g\nuxJP\r\n=EQz3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKymxIDuGWQ+7mu/2bPexTQTV5EExe8zeD4KKIULAgPAIgIeuvPt4SsFzdBbc1dqkdXSKE1LGslu72jejA2gbMnvk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.afe4079a.0_1608658751946_0.10008952505941848"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.407ef8f9.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.407ef8f9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.671d72d95.0","@material/mwc-base":"0.21.0-canary.407ef8f9.0","@material/theme":"=10.0.0-canary.671d72d95.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"b600a06f2f54a052373cbcc038980333a8068672","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b600a06f2f54a052373cbcc038980333a8068672/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b600a06f2f54a052373cbcc038980333a8068672/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b600a06f2f54a052373cbcc038980333a8068672/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b600a06f2f54a052373cbcc038980333a8068672/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-RQT044OvrCpvdN0RVmDWOncrkK/tBJxOgUVESiFyE8qHoh20nKcRPSBoqlCSsJJQPacWzipS8AAg9F+1Y30wgw==","shasum":"b6a8120be5d4701cb8069b35910e5cc45ba3b239","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.407ef8f9.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7QbxCRA9TVsSAnZWagAAfUoP/iREmAmWkcWJofqESTqW\ncXKXroFbxb+vHdAUS6CeBREzRQYHt2hHXSCXCP8KK6za5YgIdG0oIvrs8PfL\no+9606WOdb7KqiOy3awMsOKZZ81mb+s3Q8Ye1L6UAz7cpDunncOMIHoQ62AU\n+H8ucdD3/QqGSLVt3mrQskVJVIR6eJoZlhsz97r4gHp3NQ3HO5xkDDZ5tRm3\njM98sl+hmCgG8C5lupEEAueBoIUQWx+tXS4DDGFaT/Po2ls0yObagRxt/6bB\nP5Pk49nVb/aanXp1O3Fnxg9ahkZmFXNI9kaLAQND8cJyRZRJwEHblaohpBjk\nAN8pOdEfTPgSVKF52cZDNkFIJgboHfa9M/ZwQvLFaumM/+dCvwXPTIjzCOMG\nnWrSaEU7Q5LFVqMRpXOKLkEOnVtjiSZTvEWSDYcI1C9xGP6HE7H6yA8bL1Hz\nTajcD29F0dxgn3pK1onvW1kNC/cSGZviDuH2IZG+AbWSUVPXKBEUczoAhmi5\nThuEU626syNj41rVbqVSbTFy5Gn6myElqVnUNPAdMwiMrd7XW4QTzere+Qn/\n3xCTQgWub2ZklqTqmrJJ810tGAGfd/K5kzSEyiEtxWrKEExo2uY6tOdmhdT4\nIA+LJrBfz9t/4i4h4oEgJ9jOjdcthPu+r8k1wni4jtftj/EoRUngEubza5wk\nvcvi\r\n=dpp4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7glwyucX/iz4Qlu9tDT1t6gVTfZV5Hdej6Fmu7+pXKAiEA7YYhDFbtYvsbX3tpnjVecZ4625j1zAhxfGCKFJhXZUQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.407ef8f9.0_1609369329194_0.7643824709791507"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2e26e137.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.2e26e137.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.365c69360.0","@material/mwc-base":"0.21.0-canary.2e26e137.0","@material/theme":"=10.0.0-canary.365c69360.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"cd3d92f8ebc04ae6cd6d286c7983e3028e380428","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cd3d92f8ebc04ae6cd6d286c7983e3028e380428/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cd3d92f8ebc04ae6cd6d286c7983e3028e380428/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cd3d92f8ebc04ae6cd6d286c7983e3028e380428/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cd3d92f8ebc04ae6cd6d286c7983e3028e380428/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-lNumeM1IW02MvQRL4W6sOSfvIIYowVlJsT5dzFjgLJ1Q7D0EAmvnF1GbYwyILNKU9xG1+/dI2mtnpL3G6BqsXQ==","shasum":"09b2c1e23a3cdfb7b3945ed3ccef608b4a74bd1a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.2e26e137.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9LSfCRA9TVsSAnZWagAAh5QP/1o8PRx/AJqd6JlysLfW\nYcALk06rxtP4+RdiBa8ttSprwFpuWnYWAMajgtt7pJbLEBejKiZ/gA9OLFUb\nnuVuwiFT8KuevKbnuZir2UJNsqJ7w2FhqseCKfcQDzsmk8m2/gmDequusK+P\nYMLHlAh4+Uv8OB6Pglru0rdg0/AqsUrZpEiVJxlDjPcBUw7thdc4JQLHVvwI\n4Xcdh80v+L1MMpEx5uX544I7BIe4qGMsTvjMtz5zKP3vMIm7Z8OyJ2xLKWkF\nqxvXR2XFzn6mvEdVVWuvPjV2QyIniotokSYpOpsVwb5cduFIgglIpE1RvNYW\nVbqI238vhjW5DncQrMFVRkZRX0hujGQxLyS8P7kW5WJ9hMDCIjj3cJZZeMOd\nJLMR3q8tU+Ahah+6iejk+YSFVP9pwK0UbgFzumjQR0VVb1hlb/f6KeO5v3rW\nvYoyXxZYyrng6u4kRD1ri1bK8cbs8dwFWsymV7WHc2wD8SMZXzTcRJxNZgkY\nClWcNVDKyGI7YqwaL3No0IXYP4SJe6X49BgTmRYvkP/yaky7UsxYfWF2JEj/\n/j4dYkVJ/P6RWnt9p2p/HqzauJ0XWYRDceO38KtqQtR/lpFLJJNhB6/oJEsF\nkJXZ/eGiNAcqB/Hnthj2zJur7C5eb7zhZW2kNLa0rn4kDMPa1ge4B9xgjehh\nl2GQ\r\n=lSwq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCduQNPF9m9Dbp57KCN82x1qTZGEtNVUpFQVbdhpqL0cgIhAOy0eObD22nUIDK7X7OEcDvw6rUYOyuGw+uSiV84TjDR"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.2e26e137.0_1609872542808_0.6210088903702935"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9009f6c1.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.9009f6c1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.abdd10065.0","@material/mwc-base":"0.21.0-canary.9009f6c1.0","@material/theme":"=10.0.0-canary.abdd10065.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d6f3ffc9298b3af3985946aa3bdd75c862b5d8c3","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d6f3ffc9298b3af3985946aa3bdd75c862b5d8c3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d6f3ffc9298b3af3985946aa3bdd75c862b5d8c3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d6f3ffc9298b3af3985946aa3bdd75c862b5d8c3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d6f3ffc9298b3af3985946aa3bdd75c862b5d8c3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-6FVnkM/eJ+gNJnLTMPVGsf3S4s+kR0h9EEzMN85I/TUeajv/LyO0hwUM33g1N2i/bWdqWsudmskpdjW4udIo7A==","shasum":"32eed0838415368710a27d0c55eaf32b7b5eadb2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.9009f6c1.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+LhMCRA9TVsSAnZWagAAq4UP/2qyMuXX1W/w+yeRFiUc\nvwFlB4P1Lwq+qBBmLPywWwqYa3xaf8bXoUfHLuccrqDn/XQIudKovKKTdi3w\nnwBr3nRwquQrVbI2xpUTxQXdhbebFfa2OSpEcyU7QuFwMEn07RbbMwH9J9OO\ntQZ4dTQY/c/FAPzGqQ3kRrbYjfqcKlt3ROwnc8YvTw0vbCfCuTmtZekRxwPU\noZmoDdnTYAKSrkFDeS1PqraiMngLp5YaFK1JwkfLx9r+rpE0FEJWaBvDIjRL\n0v3O2OUlRTWVpnUDyK9Lxiw/u+HGjVs723g4SiYznboMNgTyaxYM/F/ishaA\n4ZQprlt8WtKpWFQOo8ZsXYPwlEJL1tOCImH8EhnrmmOl4zOLHPwcMoOvw5uA\nO2lHntjCXnEx/KWRw6dn8db4lzcTd2l4muzsDAZu0TDxiwybY/8zTkjZanuz\nLtBAEFk1WkKA6UrTe9oK0mrkO3ENeNOV9cYR+svz9msqJ+1o5hgFwLv0v7Yd\nAIYcVqn6isC2Tp3ge17DhyRji06JIwYnncFPXx+5zmvWm1cqMNBpzUax5oZS\n/REKA4TH1MrYO+CAcK0FMu/P0OpfFR4ZUcwwtDTbujsS9F2NfZS9ma5SMs0t\ndSIaX4/5Rt31OG4+ZbMFXPcZVWJ9KaW6OWwm36qg/4WBkmaXJrjpUTj7q6bV\nskRu\r\n=M1ee\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA21y6kJiQj03gc4OrvXR4iz7wkIQXg+RwZXlESYP9nqAiEA+0xpgORj6z/oFJpqOUBqgczdMCnOZLk1t+ZB6P3uERY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.9009f6c1.0_1610135627758_0.3710976921165057"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ee99b646.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.ee99b646.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.b8a1a58e4.0","@material/mwc-base":"0.21.0-canary.ee99b646.0","@material/theme":"=10.0.0-canary.b8a1a58e4.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"e3bf8197782f6099f32f339bdbc9218093828cdf","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3bf8197782f6099f32f339bdbc9218093828cdf/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3bf8197782f6099f32f339bdbc9218093828cdf/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3bf8197782f6099f32f339bdbc9218093828cdf/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3bf8197782f6099f32f339bdbc9218093828cdf/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-MQBA/roHfHHqaiIOnId9kszIapewn++UzYrhFJOLMzSKRXONvoGBGYJNR8++c0RWX9/BS6StoX1cEniBcHPW2w==","shasum":"77b0681b521b4a9c3584fa005ff4a7c69fd91d0f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.ee99b646.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/No1CRA9TVsSAnZWagAAjOsP/AzpXXkHt1EKsRaHiQCc\nYVoGCT/TmnDmcOaP9n3q31jQrvQut4sJNA7bZTs9wN+NzzdejqZjPf4HhgMd\ncOpY7MtLfOPvdWGbpJ+LfkOS/yv+yixIkrq9vjlADYCwfGO+mCtvfGPEEaXM\nqU+jfjXId89rMSwjC38LXSGoyadepJTAdmVZSdm2F8ju+ordTHOk/rz9rZdI\namAVI/s2hVqTnUvvNuE0f87M1tSOiy3gpjzcZO/Ig2g8fiif4zg7BXqcYCSS\n+8aePXvlTKo1+8nLoiRX+k4co/hg5zTrSjJ4WTnaahGgDk1yD7NA0RHbnjid\nXLCfJiWUKFlaovosInq0dnym5w+KwVJGKjf5cY3vrsbFksNKVcOiUcrj627x\nBx3RNXyRyNEYY7/bI8+Dmuoq4NEKkKqMjh4csdlGPatiSquENXo8EDp57MKS\ni9WNG0n+RBv3A8ZG6nqR2wh9ktcp8xSWAnk0dOClxaoEXg5RIAcLhbnGufG9\nXusSId//sU4aFvrcwdEq+6ca/BwXuSCwackbZiu5t+nBvAo2JAr9+lLFX2G3\n/Q3Ntg/gAPotjXMDgHTGKvKopxCu7z+5ero/hyGbk1w3cbx3KDRP1FdMb3mM\nYAbdvV3q4EV3X5gGtxIUxSIwTj4g1Wyo7APcOI92tAyK2e72mAcBCeB6UhCH\nt3Z0\r\n=R7ig\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCudvvxXlWwqsUKyTzLS0LqmBsHGQM/8HCl2TWuxk9sRAIgK6iOGxdtDAhXLj7nzkFSJlHnSYwQVSuUW8cMrpekPek="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.ee99b646.0_1610406452591_0.6303518037472129"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.740ed33b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.740ed33b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.7584267ff.0","@material/mwc-base":"0.21.0-canary.740ed33b.0","@material/theme":"=10.0.0-canary.7584267ff.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"fabdf055e5efb9cfb69ee02c46f968eb33e417e2","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fabdf055e5efb9cfb69ee02c46f968eb33e417e2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fabdf055e5efb9cfb69ee02c46f968eb33e417e2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fabdf055e5efb9cfb69ee02c46f968eb33e417e2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fabdf055e5efb9cfb69ee02c46f968eb33e417e2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-LYiRFohsbmNT9Z0vQkjnSAj2CszTwgOSFtz8zh7w/1NM3XgJXIztH3Jb9+MdxjSzwBHdAPt77lND+pGsC0kaIQ==","shasum":"834be4c90d71c2a5b4a5ef445c05f020bc83f4a4","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.740ed33b.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/eRwCRA9TVsSAnZWagAAFmMP/iasa/nJhrA8qBiGnnCe\njQ3tDIPrW8N2/2l7/G1pZzx17PYkTDLloe42YtihPbzzu+SQPGNZF7/Ueig6\n4IyzggXHA12LJbTx9EGnqwSIQYfRMQ+nSbUx/cBMBjw2x6bQR7yH87aS6zYr\nAjaOg3KaY4hWGV2mjM1qXz0nyMlZ/wAqArmCBDnXIEazXt5tJjN9PlXMN5Kr\nUTl0lxJ4iw/GXKyYF9cxmehdHzP7DWHhrqjQ7IzKtkINQrgvnbQ3kmrVsCDi\nVuj9AS8uXXXFjj49TrAaIVxSGQDMS75HpLFp7lOLue/xPvsyYMYLUmgdl9TT\najFnASPiC7ZZ3OldyoZxNU8ZzkJByBONRdls5u1sz4nXmLKiOG6DmuFsujQ2\n0Zk/H/vef7Kco0gIHx8l9dKvCkHjDcnIIUnSjKPBEoiQMqcE0/dnO/DX847y\nhhzuz2pgFi0rcsrZhGOIChA7seOANzZ9YgGLPP2zzwI9n+HexYNBuu1R3hT8\n58KWYSslSKcWbvEBEv1COYn1T8pKk2Tfz7OIKjUMFHDDry8LL4OLbApug9L4\nqzAzwT9xXw+ZuBm1j/xKkRx1tE+91Kge9iMmvrHu/yYQv2DORVkuQ7OBh4Ac\nPQk6GoH3Tp5hyrVhdEocbdntbWbs4QIJdxEQlvQn7jiOqUch849zgiufziOa\npOeb\r\n=Rcy7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBd+u46xIPivpPZvGAGA0rJ61mwSZ0J7JdJSTUgEc/uCAiBNPjDN9K6RYZjcj5hiTGaAmTPOBturx9PoTmmo4akvkA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.740ed33b.0_1610474608062_0.618808281032718"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c5c541b1.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.c5c541b1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.7584267ff.0","@material/mwc-base":"0.21.0-canary.c5c541b1.0","@material/theme":"=10.0.0-canary.7584267ff.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2845f0e85b6a37bbfaf5110a5f16284cc8fda6ef","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2845f0e85b6a37bbfaf5110a5f16284cc8fda6ef/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2845f0e85b6a37bbfaf5110a5f16284cc8fda6ef/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2845f0e85b6a37bbfaf5110a5f16284cc8fda6ef/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2845f0e85b6a37bbfaf5110a5f16284cc8fda6ef/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-MbxBW/ItgaqSVILj9pywP3HwRAfq6rrd1J3jEgRLnR/O+37KbaTRePdcZbwE3JN4Uu5KvKtqytVhKjAsHxo9Pw==","shasum":"23548c5cac357ac4789d8fc82468482b9934690c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.c5c541b1.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/e4oCRA9TVsSAnZWagAA+3IQAJNRBxFDLTueE3LbCpd7\n8ywwi1UCspoOFH8683w0Yxw58+40Nt//Y6yzaIF6m3OygeAyeFE7w2x238n3\nsVSgjCy7eVFgDKfMczm0dB3qqzd373KGX4Jcu0saiDznZpkcpGUIC5X1j9Ep\n9lMMBK4lAfOxhg2N8Arz8OrsIm1ltQgaKoTpQfCU34UYKIT8Fzv8KFNom9+y\nSvXUnbcCCejMJNfp6qGaTMrcdwXRZR8639wB2eg0Py0EFec/pgbDoyUgR7QA\n6966AHyQE1YlDUq6cXVrL93mHGQV7nn4ISFadpnLBx79Uvl0xOuZb08EVjOG\nlrjEn6eGgpL56Os7cVnayWuQNx21QgUfpFonGz/CW43hMR551X97HlNjMxHe\n6wjGoEtiudtBPMAb7QDQVdfXHmhNZWKhAR7nlrpa0SD4z3BTa8dcNEWtiKF0\ndYjIdw+kb43Iu6+YubTa27tMEqRoDAew88zk9ItTxjOipbTIL5bPgPi1sc8I\nlUTNrXGW5CXiH3fkYg80wovwLxOzE3eBRKSUmvil5I/c3zQJAoqpzhwuhBld\naL6zykqI7zxwHot2gPnsCbp5wE3LmSjaYbEr1bfMyRDbBFq0/7DwXMir41U9\nRPBdsCoZTEaCZ0UDwH5BDeCznZ+6HNKIyOEiaw0pf+Y0Tmhiwi+GhgUtsmPQ\nuc8n\r\n=/OYQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHy2Ty/hG0AWHmkY+vB36+xzMfKLREA3edBO0qG3DEAQIhAJtAwtmwzyr/ZHl9WAVNuk/KrGmx5U1DiFBMtWjqqict"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.c5c541b1.0_1610477095961_0.7095018655913525"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.06fe9d90.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.06fe9d90.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.7584267ff.0","@material/mwc-base":"0.21.0-canary.06fe9d90.0","@material/theme":"=10.0.0-canary.7584267ff.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"99a3aeb2c1659185c9597a59e5dc7599bbfd52bd","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/99a3aeb2c1659185c9597a59e5dc7599bbfd52bd/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/99a3aeb2c1659185c9597a59e5dc7599bbfd52bd/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/99a3aeb2c1659185c9597a59e5dc7599bbfd52bd/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/99a3aeb2c1659185c9597a59e5dc7599bbfd52bd/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-SPdPLSxaOWg86m9AZuzH1SDimz9gP6PIr6zllFzZMGnNU+GPSr5HZXo7HWgVGnf+kJy2ZCyDla8Cbw4naGQKDg==","shasum":"db2bbd8716013612ef07044cf106943f6b17e911","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.06fe9d90.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/gyACRA9TVsSAnZWagAASToP/2v5Qhs/omrSnr7CdcA3\n/fciTF6qmJYOA1iGGr+Y9NSMPIbqNa8un410OIgk7DES/9z2n8N6gWfKy2iX\nfU6OrunmqHe3RTam2Dz7hS0xl5pUcdO+tYdqTTcBwFJgIkaLJY9ByvJ9KMrZ\nXqThY1oRxPmW1qPPFMk2SzXVNI64wyxNyE/UQIZaAErYFMiP2t7OqyMCWEqr\n3oyqTobgqu9SlWfUjhBlMnpRFpZAgZ0lux1kJejKBvDSg8PDtNF2RRF/FLqB\nLDV18Oso7cov/P0uCpP3SRpnnJzKZ+3JkrOY5KRDpSmwfrxzaMFxmds0labv\nUgEMsnn6KoR6f+Kf8ADCsCEKFUQtrEZJFnrYq5LQqNgTVZR/iHdJ+6Kitn5e\nKUSCnxaoCnBnSoCRn6eWbXD9xvbKShP0mydaOd6eIyd3WvLkU/mA3aU+b2hC\nZs2xdJwJizpFV3Aj0ZJzbh7FPjC6KL03FVi2Usc7ls+iWxrv9VN++Gv73Hep\nSpcpAFX7XoGIBP2D30Au+3YkSivPSZROx0JK2c2EPLtXdAze5ezyg+vZbuEE\nhlkMSZqJoTkwvOeU1kboyRXwfKP5i87odMZExTLpOFQ0e38IYaNN9o0sLgig\ngU/gi1qsSOGKssV5V6eOsNw9jUOCaXGzj+ceEbwSSX016vuLZE1S3ovcuIiT\nGduL\r\n=0zL/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRtPYV7Z1yAO20Qz1SKXign6fmPi9ZgTZ0icsU/NQeFQIhANcZiAqDPlIjnnt1OmzfpSTA8R0SzjvMWv/zeAJ8krfQ"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.06fe9d90.0_1610484863613_0.39178488262584477"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.269eed01.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.269eed01.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.7584267ff.0","@material/mwc-base":"0.21.0-canary.269eed01.0","@material/theme":"=10.0.0-canary.7584267ff.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"537a9df54fcb929f413d5ba5af0dacf0e2654c82","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/537a9df54fcb929f413d5ba5af0dacf0e2654c82/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/537a9df54fcb929f413d5ba5af0dacf0e2654c82/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/537a9df54fcb929f413d5ba5af0dacf0e2654c82/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/537a9df54fcb929f413d5ba5af0dacf0e2654c82/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-x6lenYOV3kIhEWIR5AepU0Uk5ao079PoilwlQDcsGV4FCkoLz7TtMjlXpfwPx6plbKllnn61VluA1CVxR7Nd1Q==","shasum":"8354b60abd7827d7446b07bd2cb3733f4b3b3b39","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.269eed01.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/2nKCRA9TVsSAnZWagAA+jIP/jE3jJHeugfCBWW0TPL8\nkqNUUJQtBlD3G6nalCrPr1SvugOjg8ZMdBtKIcknvnUaIEdwHuxrsKcGgaZf\nl971zWCXm/InjBYZ2Tu0BEJdfjRKTgZ3J2egnuCzWv8wbDd2qqeIJ9MlYWbZ\nZGWU1yrj4+fSIzVltlbSentBPCVy5BQ//1JbKuCj86lDH6VSUpFb/i5rvL0q\n1bSQ8moU8hSUcKp8D9Gl/2w7FeOXaH8uFdyFwZPD79+9quAJkek0jl2NuPW9\n0HL4nTX/wDSZJfFTXeh2/UQ3eIa2pFX8esMbXcOGeeGmWd4AHYI1f6Je13W2\nXOmvO0WLNA0LyB/fRwAiR+YPEfTYCAyo6sZkL5oM1dStT0VPFKeGilTa3LvB\nFQCgYILxT4IeikTWkbytd6qH2lKWmlHDq6T9ouwfyDnt+9BkVL/bYk6hl5C9\nEGXkRK3zuIWadfrYwFfGfAnvYDdBAln9SVq7M7zlNr2Z9SnHgrrUycSIznsk\nLtiyje/S7AnToPCextAreiYcWxBuTKEkSxcg0t6h2Cd1Uw1I4Tx0Pldi79H2\n1+t/5NnTk14FHGkTxEVFs6oQrcvbCNUNKuUfi9qFVaIKHOYzhUVERSjUa9l4\nhlvVF96dz2d1NmdCRwS/T8TdgGrAn7XD1Bucn67ELTqmKOysJwUVbBvrYvtA\nhbzt\r\n=5LKM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHb0qyBBFl6kiutjVZBY5esuYLVXSELEdcq8RIXGrYe9AiBJwS6spCmBB2wc9289TsW7RjkK/RMnt4NQf3hok4XINw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.269eed01.0_1610574282458_0.23580130689226042"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.8c075f35.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.8c075f35.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.7584267ff.0","@material/mwc-base":"0.21.0-canary.8c075f35.0","@material/theme":"=10.0.0-canary.7584267ff.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"8757321e04ca4329877d8b8c9924f78bd58ccaab","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8757321e04ca4329877d8b8c9924f78bd58ccaab/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8757321e04ca4329877d8b8c9924f78bd58ccaab/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8757321e04ca4329877d8b8c9924f78bd58ccaab/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8757321e04ca4329877d8b8c9924f78bd58ccaab/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-q4k+WNWakXpKgkDjgG+Fm1HkBfVtuhUNggvIU1lOMm7OBSlDLXgcB00+Hqax01SRNL+clnQZtmhNT79H89p8VA==","shasum":"03c1a2c2c595a3b2b6ab446bda0cba611bac7a01","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.8c075f35.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/3zpCRA9TVsSAnZWagAAzn4P/1+Hsk5JyjjllynE2WxI\ntAt77aDQN9yMOcSE4EvXW8ZL8+TISqi6+tEtJe62tUH0YtnIu3kYZs/FRuSV\np5x7ZKvA1aE5CjROGkETPrI3E8mp6PDGF0FigEs3u1rfJuidZ+DPH5xNrWL8\nRovUHhCNoVoa8zGZUNOp0Se7+KmWnI0laYECJ0wDAH1QNPMpRSS4mQqmKrho\nA5XYOw5G2qHXddYVKhpTbMGzrFWKM0vtVBA7ryYpjJoR+kp99mzAa2fhn5AC\nN2RgTV0vyKKkOMA3YthtdMEj+BjGu/2OqOqNoZiVR+yWu9dHlEUzxpKzJA6R\nUnsFG1d+bkUGwxKDWnQeP74d1wIGc9YvonILoYZiHkPlgFYd9o7DK7nG8Sba\nJkhNuZwY7AyLeCT6XBSNG04lvdA45T/P89yq50zqeyywhIQG3wxBEGf7zULY\ncMnbwlah83QPzBedF6VeopEdM1VKaaYo+QdOtxWqNmRiwdkWI7T3e+VvYoQh\nWyvjNyrHYpPpBSImFM5+QMz8Qc4cl6/8UP4QxLzm/NEk+j5Kfq/hzSdSota7\nqdLmvsAGCyitSVP20v9g51Ryh31GPaTrOuOebQ5N64ta1xAcvpAPxi1PMGz5\nwZianw0JJHARN3E0OtO4mw1UG899VG8qpwb/PwOefyFFfP+QbSzVpTJxTB7S\naGAm\r\n=72GE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB7vazLXaI6yF9Vh+5Htkj5xWm+o236e0zchwRDpofp2AiAIooI60fLFUf7n/4iDN/VjzwEEQCcBfgIhOlvIJpcT2g=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.8c075f35.0_1610579176795_0.5608896955216238"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.3cda381b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.3cda381b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.7584267ff.0","@material/mwc-base":"0.21.0-canary.3cda381b.0","@material/theme":"=10.0.0-canary.7584267ff.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"d660dc72de8b9d23247ab075b6f4f44053c9cb70","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d660dc72de8b9d23247ab075b6f4f44053c9cb70/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d660dc72de8b9d23247ab075b6f4f44053c9cb70/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d660dc72de8b9d23247ab075b6f4f44053c9cb70/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d660dc72de8b9d23247ab075b6f4f44053c9cb70/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-RKq1vPf66+3HXBct+2WN706ys9RKg+Br0tiHwPjwpbWEwEkFxdl82AGAftItevg4NDlIuvqWObriVXk5TTpw9A==","shasum":"9c7740037e6982f5ad331e397f3327b32bbfea3e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.3cda381b.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/4pvCRA9TVsSAnZWagAA9BYP/idGJviUSER6fX+Dm7CB\nVD8Pv9oGOKRdwI+3hhGQjgM65YJdC574GE9dx9nw/boaxD7tA3Cg4QH+VukD\nx9gslQfQd+mtTkFm5XTMoKLz93tc/vN2p+Bzt9JaqNlbRNLvvtyd9HZQkvlL\nqhYwDBvGEfgSHtXktHNItKXLix4Hr0Yd47amx9PYQEFGAUCXhD6lKPNwEI7i\nF0HQ5+a6/Is9eaGDrTpA1x1xudNokyAFmSFAbvLSM+g8j4KJnzppfCQ3dDV6\nt9cQatxOJdcOIquPGUnIp0ZoquBzHpfdwE1WbK2Nor6gkcEVPCw38eyl40ge\nlpbBTZR+R7wD+KmAdLGYj/pinYn1i7RjgX0MdpQx1MSsrL6ZMxt7chFw0LpN\nqVa2SCVJy+geDhDUqhxpWNvDHH3YPeCN1xiJ0vXVDJsKRERYutSp6fhR2F1W\nM0ngUTlSKThb2W3FAF6d6lk5QznHFQbYaAG5IzsPVIhik2qHSj/PJA8EJB/p\nyz92vRbY671t0Pal+wWUgmZZFB5O2likwQ/oM+5h5wUZrB2XxHKeDXPCmG2S\nMSo8Nvxh+pnTOe2XxSrJSOMYY++eR2YNptx+ZlXQZBrY0zxesY+3rWPsS2zb\niW8Gtew7hZTAqt+Dnffo2wjru7c/7yGWCrHQaOFPw6n1lW0pVJwc+8Qjw4Z2\n3VU2\r\n=PfDN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFvL1QOUKShUeOPHbF0XwpE66soMZBlBwpPH3aHSvL6gIhAOU/+YnxnXNjFF85PqQRmqT6DbjDVo1l66NYZheMnYqI"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.3cda381b.0_1610582639073_0.10181353820429107"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.bc113605.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.bc113605.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.772cc1068.0","@material/mwc-base":"0.21.0-canary.bc113605.0","@material/theme":"=10.0.0-canary.772cc1068.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ec7a00c7b7cf2145c971f64e88b375c09a5409af","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec7a00c7b7cf2145c971f64e88b375c09a5409af/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec7a00c7b7cf2145c971f64e88b375c09a5409af/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec7a00c7b7cf2145c971f64e88b375c09a5409af/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec7a00c7b7cf2145c971f64e88b375c09a5409af/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-N6p1uwc1gAIxtmf8bdCLychVKR+3STc0uM6KNxB9HFOOcuhudFHrnI1X9Zh3yfbTMS112vReedIhLxI45t5jmg==","shasum":"1001bad171a89eea5561487c93f33b715dceea54","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.bc113605.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/5P+CRA9TVsSAnZWagAAenwQAJ+oN+MgBGqxmlJqxXU8\nM/Yuf/BFedJKqjXRocdMSK5D8igAEHWo/bhLX2Gy9gjkGGLwWnB+asa9+Xpn\nxdzVMpfUpTKZj8pDgWsQOmEQ15s7NIFpEz1DbjQ6TIIbP0+hQt7B2WR5Qxo0\niHwWuQOWPZGujUVSQQ23pK9fAGnpkqQXpPFsJQrhoJm9zPDQTtoxOVFbiWuz\n5Zu4GkWI8Gct5xF71WPgjJ2IR+bwDY923lTVTi8U1OxLozXvecVUw0casvcY\nMQGMMQORuMoB4M5gx2HePCQXYYQGsloRvokDgSTvuKup8tKx2aS9Aa1GnkQ9\n4SM7Q9a+spSCbOYG3a9KOwydbrKD7J3bdk266I61gs2Gy3THHC3LSCbXq4iX\n2PICoFUyOPoj814DbNUzZoqk8mpsM+kyFIF++ME1ejcFKk1NJl7c8INO6nTC\nxet9wWXkNmr339/MNGwUWxWPb3VYgy9mnBivHpofjB3uzlroPMalOChuKNB5\n2BoEdlVv2aULC5iSQV5+j/BB2fZbb6Y3RCc5H8CyDU3wZOrfmyzgFEZkk75G\nnYxUBPYFDAWROXBUcPcmKqHsj2JJpf/sunckdBAa6zRsm3L0/re7I5gWy3M0\nHx06QtXlaeZW/flEejax0MZVsILRzIzmOU6SUcxvISQRdEhysmOgXAm8+lDZ\nSUFY\r\n=sEn/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzjANC5Qmcb4S5KBat0eCLuBHxHP1C46yKwLRrMWsB5AIhAPT96O+2MG7WzsUcVlQQZkskYHeTg4FHKkJNbbDTl7Kd"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.bc113605.0_1610585085811_0.43546634100169324"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0c1d6ff9.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.0c1d6ff9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.772cc1068.0","@material/mwc-base":"0.21.0-canary.0c1d6ff9.0","@material/theme":"=10.0.0-canary.772cc1068.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5c7f60619e642de2f6951662670ef490a6e46e70","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c7f60619e642de2f6951662670ef490a6e46e70/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c7f60619e642de2f6951662670ef490a6e46e70/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c7f60619e642de2f6951662670ef490a6e46e70/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c7f60619e642de2f6951662670ef490a6e46e70/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-/uBCYD7z/fxsHxCbmWbb2K0bJhOtryoBkVOCp68jrk5XVP7KmKvaiLdgazmKtTP8ySgSpWU2z7JGyPeJOV58Qg==","shasum":"99dc56b59409f569c8be5e031dba3ad0b300f516","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.0c1d6ff9.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAfZLCRA9TVsSAnZWagAAHdgP/iqtgFLqlYBK3lKW4VK/\nd1eECToTRXoTueiK4yDw/jBQcf3GGZ9nPcm0pVcf9bIwBfEMca0vWmtu+2zI\nGG11q8m9VzBQLa1lIcD1IiJt/ee1VKhfElsOYz055GLRc2+5kDGUXwm0LQok\nsulfTnYN6QBIwFT11XwSa29RHIiUUxcHCN2r8Pbw6Q2eVtI7gGTu01J4Zy4f\n8lDLrY3Yn9Hr4LEJCuWynbDiyic2rUiTgV4weZQY6FwibmNtEblhj4BAjAEq\nLrcfykrENR83NhBXu/1z/vBUAKKernigTYHo519RySJTEsfot3hejz+Mpk57\nh1++HEwzinoIY087mbCbrcOYnve9RVkLeeUtCx3J4xG1a12CTz+T34heBgkd\nnRBFA6nxYBtksugfcw+yp563tPAD6rcBgTs22OY8x1wCZ7Kc+U5xc0QOYPKt\npBRv3LLYIsIKz83xauUDrBha82qlVRuPKOuQI4cxxlQXLrkgiANJJCpYa2pj\nJJOjgyaW2vt+TAUf1DL1yxWRWG6k/8dJGIuv+HSiBC01e9of5Ulhyw+45SXW\nCruq6L16OSOg+5Q0d2qRiC3lbX+Rnpw7jU6F/uMorGObwS+fAXAjtX3x1lv1\n4ho4YrdKN5NQhts1JOBQx7MhoGgZePNFwbPECidcKzHK8Q+FxiOk4x3l87jw\nWyAt\r\n=Tljr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEGZspM/9LoJsC+S2wR4o72+LI0HvyrOR/fxfA8JplSlAiAmjRqH3/kBHRZD8PZy9Neg+XGDJfGigTFsfkYPwV1xLA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.0c1d6ff9.0_1610741322612_0.6304282073530401"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b4332e00.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b4332e00.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.c7c5da28f.0","@material/mwc-base":"0.21.0-canary.b4332e00.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"823027b19badea63e32aa35bfece324daba62e19","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/823027b19badea63e32aa35bfece324daba62e19/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/823027b19badea63e32aa35bfece324daba62e19/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/823027b19badea63e32aa35bfece324daba62e19/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/823027b19badea63e32aa35bfece324daba62e19/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Ve5kPUTkzdtHZXz8eWxJREuXWg4QbZNCmZmjOdJAVCu/bWsK73HRpVy6xvzICFd7UYh8+Lo3WkEwzGe/uSstEw==","shasum":"e56a52921e17fdc0ba9bd4477caec86af15ede88","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b4332e00.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAhIDCRA9TVsSAnZWagAA8MMP/3zUA4JKATXEd5w2YuOW\nT/rwxcoYu8XsnHtNGf0aEQ2GCdrCNAiT7VXrlNZthrmbi6SMTQT4F6t4VHF8\nsZNvkBRgp/SCutDF7kjRXK3wPA/wuhup8rU+VPrUKnjeK1a0+aRDC+sj1QtA\n20ZLufiLFHGRKprcX7uNpdt1FqKmF/+eYUZ3jautrSVGCu9TKmHonjKn3edd\nCXmWtRiCoh7Gxekh9KUXd3leYV7Gs42b02kGBWE+Z+oEPAFTMGs804N0NCtW\nfxxe/HnSPEuQgYiRY0BJv4eCE9p+td7xz4eI9/VYqoapTrizI9h/dul5CFSp\n15+K+Fgimmqo0sXtzBi8fBP62/b7Wa59dFs2+C0N/OnhTkGPVmQB3wruiXV/\nhiKOF+s4Wn2nJWimGWyfwPHbOPYL3YsnLA9fkE+qNljV0P8yAO/jLjt/UmcQ\nzXXddp6RQMZL01suCx4+VrFCpzJ8/lhwle02IbWNzPHHbQhhBupfGmJaeFd5\n8v7XTzA+e6hSeoDPCOhU4ZNe94xuUs+UhFaOnGYHa5g5Jm4UFfYZ/xYjh9HW\n79t9Kn6kKA0BsU6N3z7xNMAqT8BleN9S6jLOtKP5CzeGdqgBSbXU1tVt2WN3\njx40CPdmRg0eYqH0OO3TjAuM6FemGRORQnflNpkg4psGlW3yJeEDrZQ4Qvoy\ntHOu\r\n=8NFq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGqhfzHSbuo0MPjWooP7U/RauLD8RTf16nyQh3TCdpmWAiA6FWura0wwuMvccNgCB/o8i+P+N1qVU1ZgIA8otv5R5Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b4332e00.0_1610748418698_0.0956222305514407"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2899691d.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.2899691d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.c7c5da28f.0","@material/mwc-base":"0.21.0-canary.2899691d.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"ad2d9fc5a5b47298a72fb5fe6e82b8c7c9ab8e44","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad2d9fc5a5b47298a72fb5fe6e82b8c7c9ab8e44/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad2d9fc5a5b47298a72fb5fe6e82b8c7c9ab8e44/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad2d9fc5a5b47298a72fb5fe6e82b8c7c9ab8e44/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ad2d9fc5a5b47298a72fb5fe6e82b8c7c9ab8e44/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Lld4xPaWSJfg6N5yPRMXFKh+UfkLd22YJn+Tr+k3TduUbub5gMjzdS05osfh8prxzalJUge4aa2Kd4ZfhsEp/Q==","shasum":"e6e39db06429ffbd3a81f518b741c9022ca70d4d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.2899691d.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAkThCRA9TVsSAnZWagAAlh0P/iTEqJqgEUCXYZ9i7Dt9\n0TanTMGGorGwmBGvlOrjAav83nrobR4GnYT/jnpPSskUxENWyjrBzV7gJPch\nILXkWPCfKfBFxKvrEnmMirXFw61RyEaHS5evIrLE0B06y9csrRh1tltyYG8F\nIEfrch3j/PXOxY6ilcPtXrcs1Tgx82FM+0LcHtRN/9PAlpuh75mzPWV8cg4Q\neRGIMf1Z8aYrwJtgwkEHuCQPtxnvgx0pZZxFXuDsos0XmcHsEWm4LiDyCVcE\nZoqmYs4Ywgi/kJ8J9TP0ezbLx2bqWziuRDQmFfY/jCjvMkD65kWaaUcZuqRV\nruB02UnWIyGj6Rnb1LHvBt7QjhAoQsHiidlQp9GuECkXaKZ6pvG5jaLAmFwn\nGIefiOKu5TLLalQ3u5471ja28zaTBmzQOqU6kUEPg0luAnhkaOXdphEaSZk4\nFoUbMWjHEW9TouzPpcccyokSU/ZUeCtshtiCRTwQnMm2pswWkV682PPpQmDz\nNgN+JItPNtcenYdEZn+2tymp6OEcnqnLdqRiy7AhrN9Bro78n+8IK/uv+nGv\nUuVDwAcd5/gLubr9a97Zj/EAn5GNDgBOEiVX3VA+k/6wqems1mSHBYYPDH92\nLYIYz9rsnqkJQohTH1ydZ+BvaGb0V+jHTbLTLaXTEhnE9fpSGbtBc3wOmlqk\nSkFj\r\n=yV+p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCc+jUYFPOGFG6n/fhBl0TUPE2gHmF+MEL1BfUX9cIUHQIhAPWG+Mn7/RCS3SDanhcyMpL0tlXvrMkvNyaBc6UJFeny"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.2899691d.0_1610761441441_0.9724222488626755"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.fe73953b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.fe73953b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.c7c5da28f.0","@material/mwc-base":"0.21.0-canary.fe73953b.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2464e59ad6a1d74aed7f8ca3477c1f8d244eb8b9","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2464e59ad6a1d74aed7f8ca3477c1f8d244eb8b9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2464e59ad6a1d74aed7f8ca3477c1f8d244eb8b9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2464e59ad6a1d74aed7f8ca3477c1f8d244eb8b9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2464e59ad6a1d74aed7f8ca3477c1f8d244eb8b9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nq/kcs5CEcbigijLCf2u+cqLdPeKkjnCRVltFOISYZHqUfyWK92TWL32wA6pWdXTkdKU6x94heZ8eOgxEEh9ug==","shasum":"5fe08bbe71050109537b6775dba9b502761af41f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.fe73953b.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzESCRA9TVsSAnZWagAAZQsP/iYE7Hz7DH0XQUdnAB4q\nwxJlSdFhOY87nsujTnL+Hjl2zEHcr7W1/dwji96WCxTNPitWdnWo5W5YuJZ8\nRbsENQEWo5SzJp66soVqluQ8IruW756jdsmuFrYsv7FPwIBxjSUMnVcJrchD\nztrhecd3+4mbKmw6VvP5HQZbeaqvZjgOsD1erbP6+zp8sCgz6vzwmLvwGchN\n6oyQ7v1bnEyYQrVlqtdDC4jX3g5fW4EgW8Z5jyHhA2mW5G3fjmvT0k+ZADmD\nZi4L0PNRKKUXvWpK1JxneQHH3LXUoXXaRjwqshyckKfSbm0wEbkJNqa4O2+P\ngISL+qWDlyJb/2SAb4yVbHttksLNwcSqP65L89MIk0ki40+fnHU6G7VDnOAt\nytAD5DjTYrtHILXc8gu58DvA3FsDVQJXzgk4o4qC9fAgcWDli6cP/0DKxhb6\nBRtvJauQymMDRuTN6fVXtxR2qXqRjIklUKDlmSDlOxXcu4dkz9thZZbfYvqQ\nvwjNMyBYsy51abW+8BMBhd1pZNxeAGDlcCp2+vnqN1P7qmFi0L91J9sIohzC\n2WpbWRcia8iFdJf4XfkARtn4JYFF2/agFG4bKIn1kMclNgCr/uxe5PA/mTrn\nSlpjXKMIK6P/4yq/lEr/i5+qFJRzqpcBN3FadD7G3P9EkovJprUS88biXVOw\nlVvO\r\n=gCob\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbemgQRzURDXusRL7Ok+6DTzPqbNudrNebIT3PRDzOogIhAJoaqy/TdvxYDMKS1sXHV8PRbr8tUv4iE+UZXhAFe9Dp"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.fe73953b.0_1611084049965_0.1784953597243848"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d3a16455.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.d3a16455.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.c7c5da28f.0","@material/mwc-base":"0.21.0-canary.d3a16455.0","@material/theme":"=10.0.0-canary.c7c5da28f.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"cc074ab80b57efe95502e551eb4d0ce6a153094c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc074ab80b57efe95502e551eb4d0ce6a153094c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc074ab80b57efe95502e551eb4d0ce6a153094c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc074ab80b57efe95502e551eb4d0ce6a153094c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc074ab80b57efe95502e551eb4d0ce6a153094c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Eub0kx/8RZAubh3+68hN5G1YnOhOj2aeOLHtcGIuk9Hu4hXJAxmpH+zpFHdswM+qjcktPGIBMKOs6+BmEIE6yQ==","shasum":"9d41b58615e41c85477cc23e21e1f5d23395b2b3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.d3a16455.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzhPCRA9TVsSAnZWagAAcJoP+QHXxsmz5hQbYscKZIA9\nmyppR0a/VGZMY+qM1N+qQk3MxcgcHY2Rp55AO4MjyR7PGPck0iaeLl37UFDm\nIi/JasZ+9Wr5f7D8xfdcAO6yE/vnJqRCxwe92E+VmGnAlrhN/nE8Bf53PKgg\n8eq1DpgKD3Olbli8MzTAaRszI2+b46roTdYrPZ1aKzEn/2VZkTNYIjws6lZQ\nrVBoz4Sa6+zIIyozx0fSFaJLsZR6W+wfnT1Ji6Qm/28ptByhJVofbVGHMvwW\nbz/AIfkp2c64okUuP/V/PFvmiUSdmapyXGyu2A0DNr4wSQoQy6rKRumFTi1r\nZOM7Ju/kZmHOFQpoS0hYQ1pElNz7d/6cgZNcrQUu7Wyv+lG/JL4Oqa6111s1\npXbgDZExxxLtnV8BW0QhU6MKZUIRyo+rbBkOxr1CzmNjrpz83Sa2Z8GXSkuC\nKmep24lDk0xaOd4XJGxlDviQR4QySbzjvF46QT1EoD+1P5YLwmMP9Sjub9aJ\nJ0JJr6ulLjlgGTE67OPAfwqdXJ2Tvu1io24RS4arapcoC8te4C5QxskW3B+Z\nKl1bW6ed98IcSb+IYQV5h/Vb6O0M3Jm1W0QOUBGZa/6zmH8EWtMy3T4L80h1\nNzgjxZOW2kF4UOVv1V1Tg2NfGI33JVoO3TACq0FxNN90/UKApzlIFF2TlMbC\ny7Iv\r\n=U8hU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICSfxhO4IzQdmCDV6QlzXAe5i5Izcth4dxRFRUbGGJvmAiEA2/DGg4q41Ar5dyyE/P2+Gqc3xdsR1bJfqIioi/yoxvo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.d3a16455.0_1611085902796_0.17565953285332148"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.597ca1b6.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.597ca1b6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.b2faa116a.0","@material/mwc-base":"0.21.0-canary.597ca1b6.0","@material/theme":"=10.0.0-canary.b2faa116a.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"2dea4d182145f148cba1edfd7b358ed05bc6c8ea","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2dea4d182145f148cba1edfd7b358ed05bc6c8ea/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2dea4d182145f148cba1edfd7b358ed05bc6c8ea/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2dea4d182145f148cba1edfd7b358ed05bc6c8ea/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2dea4d182145f148cba1edfd7b358ed05bc6c8ea/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-jp2XAxd1Hw+XAmQknK5Tu+3srQe0dptn/lmntH0QkUZg0yilp60wf7ArZsdea6YfgKE9vRu3//YBftiYVhPgHw==","shasum":"1f962b4248f9eb7374e5c16fb0511c581d2e147e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.597ca1b6.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB4BlCRA9TVsSAnZWagAA9pgP/2XMv5kBBNIvxe+8sy5t\n29vHjIsjtvDdnWgJszs/GMBT/0c4agqZMLLHOBz8yxZ8AqmVy4A8/1ryDZJs\n0rSBzvtHZ/SP1kEnHQAdVuUWD4UswUfiiAuIGCyOch6XVHWz35FoHOB4Fh5g\nHNbOyrdK33+TV5MuD2R/MKEzr4aokiKU0LExZdLEI7YzIYUKh607oE45Y7J5\ngqFYcmWJEzJQ48yUnrFohkI1FG2oCQu7SxSR9dcW0xY/gpauz7sGSbMbe0O5\n2yKTbSz9JerGhHB1MyGRNr/DxbBkiOTWZ/yWGF4Bs88AWKzK+F/xTtXPPuNn\n19kK6bWaf/shkGT+OrFz0h7jXCe485zGeklMQ8MXT76Y62aIOnfDJPvAuUmR\n5KpXPTokG6dEUlxrSvd5dDSWc5GijaLUYourDoQEw6a5NoAv7m252MJfni9H\nnpYYPhM8qPy4bthrILSuDRwM8KaVVepTI9m2d9uBhCxGz4KCpIzGDMBhBW4o\nvwH4CdQwBz703lqE6p7bYjD7E8OJP9d2O6DV32xa11iLF0dm7EQC1WlZOsLT\nuNDPuUX3GP2yUyUYgAKPHNemN6Li3z7LafUrqVLTbegz486BMk1GNSpnhL4F\nmlW6fW8fGNu2tuAw+HgXDMD9IJvCR5rEmnLdOybt9oM5B8XOkfrTU+EOV5vC\nsAhk\r\n=QoKu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICJbCFQg/I0f2575BKwqY9VlrFL2X/fJxexyJ+d583OPAiBJPkwprRCaha/hnUTMGXdVjfcJWbovWZ05RtwJmPfRQQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.597ca1b6.0_1611104357479_0.940547327999991"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.3c195efe.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.3c195efe.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.b2faa116a.0","@material/mwc-base":"0.21.0-canary.3c195efe.0","@material/theme":"=10.0.0-canary.b2faa116a.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"5832b828afcaa6412dff007228c15a665862a145","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5832b828afcaa6412dff007228c15a665862a145/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5832b828afcaa6412dff007228c15a665862a145/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5832b828afcaa6412dff007228c15a665862a145/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5832b828afcaa6412dff007228c15a665862a145/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-BGK2srQp5zxQjpPC1XNoverqAL6/uSDRzKqGKNyNBapbcK/K/1btI1Ea/y0muawxprpCNQWSAwiTZEwPe1ojUg==","shasum":"e4de6047f35a518fc71addd4c33ae4d8b817b23a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.3c195efe.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB47ZCRA9TVsSAnZWagAAZNAP/3dM5DPMjKAKoiFrJq/O\nOJRdtD0HgSf3mCaBRsX7tEuP2wlmh9Wk2JxYmIZLxFmHEmSsTCDcLpVBcGWw\nTWmsonT3Ikw2fAQeq8xofHI4OMWC9bgFp68G2awSP0pff9NKeXvQGE6B6/dI\nVhhkkkMzUX8XgDPpDqF/ungf6JlskCsNc88D2C/qN53TW7ftf7eLHbjJO4dj\nhiu4eP0qVje7u0FJ6KgLe66NNSd+Fx6ZHZ3Ye2rFefHFLAmqqh7pFTSLyglg\nYa0oA/r2P8fNLyQQG8ZPxCgMyPewzggIdQlY4gK5Uuai1l2HJybcwlbT+T8M\nHR4Nn/3uioV0CTTfV1zzxOvmTbFLkA23zgOA0cRY3yu4Oaftpu2TVOhYhceP\nsLQDbbljjz5dnjV1EKT2iSbZ1FTbOGIrj+Qp1Wevx9iiyQWJvo50BJLh25GJ\nEEyP/gQiuIefsDoj0VEAag0WvoyyLpwqIj5cAtU93xTJuXzQEcE9yapEESqD\n56IImfBBguk9MsEfiZvkqW5cdGFvHVwRQs13xjkyfzJvZ1BGNhEZE026Uou2\n8pZft9SnuH4XMST58AT55h5Fm8T/SmRiKPIncVrXRhJZE02dpPU/5qzyV9Mz\nXd6jC4hJ1wSXp/3f8ONZYZEL/vkAf9xygxFazm5Vivvs8G0Oswx8Zdd60uEM\nrSNv\r\n=2QDb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/xdVDa6llhzA8H5OboU1gKfOBHKOIB++b7qN3JHjokwIgEkmWBow+2JhHmGIY5A0ytbTelnVTdMpgN1X9NL+yWEU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.3c195efe.0_1611108056568_0.08945642696289857"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f7b8755f.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.f7b8755f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.0c95c9f7b.0","@material/mwc-base":"0.21.0-canary.f7b8755f.0","@material/theme":"=10.0.0-canary.0c95c9f7b.0","lit-element":"^2.3.0","lit-html":"^1.1.2","tslib":"^2.0.1"},"publishConfig":{"access":"public"},"gitHead":"189595c9eb20e25a71796a5720374331d50a7f72","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/189595c9eb20e25a71796a5720374331d50a7f72/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/189595c9eb20e25a71796a5720374331d50a7f72/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/189595c9eb20e25a71796a5720374331d50a7f72/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/189595c9eb20e25a71796a5720374331d50a7f72/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Qo5tIKJYMIp8u/Z0bURXu53QMZmxcNYBmzQ9m1tQ5CsWIaplhlrwg5kSpKzBGZSQazcXOkLR7ZJBcB8N8aILAw==","shasum":"769538056022782a73ca6e4bd8e0939bce698a35","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.f7b8755f.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCJRxCRA9TVsSAnZWagAAm4EP/1fUS/8TT2m3JOmTPk+h\nOh8TBObOIkaY64iL5uchA7Uei3UYGF46N5cPa5fgluCfJrds6xI+UejEoyTd\njF8LgUb/8XKNi914wEoZ3nY7IU/XSesDBu0s7SCYOPd4RhhTXGiM2c57Ezck\nW1B2RfwvdDyhX0xEKTSICwDaZxBQVW0VJQIGsVzlRa7uo3ojAsj7vskIao4S\n/86SNVII9w2S2L8eHPsX3Rre7YTss7xb2/I7X4bVEwYUvMPwU05QhYkkWcgg\nrrpmwh44FxXL82mnJn1gcz6h+ccqK1CMC+6NtkyjosX3l23WgQC5ldsNxWmt\n3nLBW3M5MjQJi1gkbMvi6HVbtfDqq3yKWodlAZL9U+VykbWyWRpvybBWFSTG\nXgdjCLx0491Qm7gEeRlz8nsVB35ZPxUodq5C22hXn5EiIDhVw3/cBuEJA46H\nRHDlVWLd/hHbmHp9CgW2Z9HOh+5k1E3hEyXT4JOwco44Uak5JcVHonF2Fzyl\nHrtsos5hVpZCXu8LVnZA9K5clMqquUBVXkoGpfYcPxDhaX0rSnSxZqs7lsAa\n1yv3m9n32D7bOUR3g3b/pkZCTxVoxZbpwc3rMeqls8ZF2VINv0QuH9RWy7h+\nJkQhRERSsRlCtaZqa8Vkn/NOBiRLAXME34Tjpe2yJRciHwF0YSPWvwPvbv05\nmby+\r\n=Ppf5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmDXUQd9hBPgA+Q/Of0q1yADYGGQto51AIY2+97FvNUAIhAN+xL1EUh/Ln1TrcPFIkjVW79RHz2OFLx8DBOonGAQRf"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.f7b8755f.0_1611175024747_0.2746964502261149"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f60de7df.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.f60de7df.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.2ed2d829b.0","@material/mwc-base":"0.21.0-canary.f60de7df.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ada07a353340882b0d087ddf967d399be3009123/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ada07a353340882b0d087ddf967d399be3009123/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ada07a353340882b0d087ddf967d399be3009123/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ada07a353340882b0d087ddf967d399be3009123/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-EZwmzm4W2+NlpXMiXQvCeBdHDOfyjxefW/a0yxYQXHAO/CfVU4dEAZJqWgpLdt+gvIu1X15AWnDoMp/5lzDp/g==","shasum":"08fad36adc1f95a54840d3d225a1a7eb6c637557","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.f60de7df.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCL5oCRA9TVsSAnZWagAAxCwP/2R4TOLpbSrWFoNQDUwM\nBIPIEWEOPblO0b9L9ZjQAsS4NqsAiN+kVytvam6HpGGN+Yfd/XNk+RAsuBtC\n9ivXP5yT1OSbw1XHdDHlpe82XOWB9w46QhsqFRcF0La8NYg/ys1riIvi/Ze+\n4f85DIUG0l5LbDlmGcMB0Da5ONzRXEO1vsmNluaIAuYe515IESN9yA702In6\nYlgT/vEvAC7Vmq8NsWLnp6WVPJ84gvxJO4Atiy5m8loq0KXNYQVpVolhyLbq\nZFAEsXLUD3iaZMPQvpp46TPUnC9hq03LyrQ262cAc9rAtE+13KoV1yauT4W7\nLm+hLxj9fYHMDOaOWYS358NG5Bu4yGZluZzid3YX+0IfuFr2GOOQR+pOT8tC\n0ERAQw3nj08H5RQ16qgQSd2E/TrGD/zfhB7BPHr9YvdFHRYsb9Aug1+X2T2P\nsugp2XLZDEEnOPDFSToVM+UrARUVsSrHGwHJ1h06JxStuhOhZASDSrDhybi/\nnVa+kX/7WW98V9/Q5qY0MvL/SY325E56UtM/WKZKzfeaswlgB7chYWsfpL6P\n4zJoPP4WdEOZH2w63Ze0A3t2Nn7u/+Wy3tnWpCkfDl+5pM4Y34eYW6JbTjtK\nPE9z32T7z3k2MetT5+3RdrQEe51ZhtpTJ7NaCVLTdtB9GGcf3IDETlRvmYzO\nr/RK\r\n=DzAs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2EpRJyWQipkThJUHIaXptPuaGLE4Q+vAKx8CHCA6QVAiEAtr0RKcophZAD210Yf7ceX3Y9ot9ZWhkeZbIqq6gNWqE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.f60de7df.0_1611185768368_0.019150829372350575"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.664a2927.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.664a2927.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.2ed2d829b.0","@material/mwc-base":"0.21.0-canary.664a2927.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af2f8cdb8d2e4132b15e0b5a79f060d43a3431d9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af2f8cdb8d2e4132b15e0b5a79f060d43a3431d9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af2f8cdb8d2e4132b15e0b5a79f060d43a3431d9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af2f8cdb8d2e4132b15e0b5a79f060d43a3431d9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DilCQwGq2XztOuoIsvY3fuCRNbxUUAzkxEwVwWiuPoS+HinC+ax2F9IKxGG4xlg+IfiLz6LGjZ6hmgOLeWS8lQ==","shasum":"febb8374846040bfa921936157795140cda99b83","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.664a2927.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCdNrCRA9TVsSAnZWagAA4W4QAJ66sB+o/hmdy9R+S3a8\nhTnYVjhvu7ED6Nv0Mt2uUJEEDfGKd3Kn0syh0b/5h2Uw7uFfZGwovoKjo7Ip\nKuHdsiWakRSU9hz3hzBqbIq82rGYM7h9RWzeOQEOXv8SwQeEm+hix7BawqRK\nmzB3209ODbs2JlAqMGLBGwvf4acMckB1eT8StPPVzpFHcrmBAmbd9moTj0ZA\nzFbTxz4UjN0gbh77Xyuhjd28RBo2MScNHGZFJKu+1XtfxWHTnf6LY5nutAUU\nl3zdDLaxhGNOK94whsGeY2/ncLKcA0ySyWS4Lrl7HQZ0lJcj7IUkIO5tSVQO\nB1McBypv6wRnr/sTK8NtY0/g7s1d3t8gEebOh2rxEPlMyNezhonR1PkJmiq/\nwBNKNenonOD3noI2J9ogbxO+cmnGPHdsd4JazUXodrKTjmOL9EZrZYAoGbR4\nInMEQlgy6QgdR84nJnX5AEHnYP1ON3rS680npkmYS+7pIiCt0zHdXOMZHYIy\naFVJmYClk+wxcvJ5zNWNeNWOuEx+JZTSkG1bNr5KrBiljIJ9Fuh8wT6JGK58\nzw9QObjCYjYVAtn8YySdZsOJYzo21BVecX4tlclan0GufL0bYzJiTnU2ewZz\nmDqf5EKBGtiLPdd4p96kqHxLy2a9kjfpVyIGxZuMtPs7SuR1LnFXNKNF8FoP\n1wuI\r\n=rrhs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCHTNylpmUOy2kOh4xf1fT9ahFw6mv4fyH17OMhw5+3wIhANbkj4UhZjqenBs94e4slGkzVw+9SKJ8IKeVQDf49wgb"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.664a2927.0_1611256682837_0.2877860760519009"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.a6d312e5.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.a6d312e5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.fd61b0476.0","@material/mwc-base":"0.21.0-canary.a6d312e5.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a270f0f64518469d960de40537a07c4cbaf812/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a270f0f64518469d960de40537a07c4cbaf812/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a270f0f64518469d960de40537a07c4cbaf812/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a270f0f64518469d960de40537a07c4cbaf812/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-L4T0Ii2t89KwYeHRP4g8NOu/vPlj9SW/v7Pjb8XYXYCjha1Qn/OmHklGF39cBiMSbvzmcUm3EW+NcnsqJhh0SA==","shasum":"e2e2c2ef1f3d2ea6726c18eba26349779c6be887","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.a6d312e5.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCfZQCRA9TVsSAnZWagAAuWcP/A3CfDadurqvwfze/Rv1\ngprlQbviqJRItJlHetEMP+Hdwk6AeEMJR0n9hPep2+Ehph7kPcy9iu4ryP1m\n5MdTXvGkbwhvUTJwtt79LX6X5l7iC6M8CZ8rU3GqSLuAbyEuDnWo8tVrqN7s\niA8NssHgEp4ZXu3EKuHuZu876EiEa2T0gzLhAHP7ZImwwrgR98+gfMdtK9/y\nwcL2tme06E8beDAb5ZHLl6XrPKBphob/FyiqtW80mWhBXPTGkEJGEw3Lr2xK\nAvMIz6Tm1mkloRXCqvB4j6UAvjjiVR38F6V+yRG3KC7zRnTHnqjC8qn/x7AI\naZngJWlrRabNzmgX6fiGM8OFjA4XwcQZVVhbowtO1Kocu5WTwffGVpzaAa3o\nUPx4nklVAIx7eRDSd77cO6Ck9zAJXhyL9/D8dUZVHVCOkaAupULkP+wdRr6+\nhhPsuYfH0bJoDes/QbgdAku1JysFnrdDykaR1cHqWe5Pegmz08dGAntjg3j5\nXnufTcfMGB9YkOXQx9OfJ4pDEixJpwNFlT6rPQK5DDxmBwRouvyG72yBcjWh\nCb4KGUMTdeyDG69AfFiKcK7T8GIicz470qsY6s9D3EXBomlSHq9Aq++xjWM3\ndloVj3UVZWehQripjJwhTN+wPzohb81IHegom0lHyX2768I3Vyzw5LlARD47\necO2\r\n=5Ens\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAVhn55ZfTC4VJpSZpZgdVJu0rHufS1O9LQVOuGItvw7AiAzbBf6+GKSEEWtYzlrskB/GLB7yYa9h5yurowz0M0DUw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.a6d312e5.0_1611265615811_0.9109315261945541"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.027365eb.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.027365eb.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.07deaec27.0","@material/mwc-base":"0.21.0-canary.027365eb.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85e9fc6866aaf5bc83721e8c823275ba9232a536/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85e9fc6866aaf5bc83721e8c823275ba9232a536/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85e9fc6866aaf5bc83721e8c823275ba9232a536/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85e9fc6866aaf5bc83721e8c823275ba9232a536/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-3qmH1mDrVBIb4Ln01Kaj7sdTAhbxFjdMQlbyYiQ+tMq9WaFqx+zO5GjGHP2d07LMXLsTddrR1pckCV+wy4+NfQ==","shasum":"417e20031eb9116519ae97479aa3762e2b385af9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.027365eb.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCz5yCRA9TVsSAnZWagAA3CcP/ixE2FoAHIvMkPT0g6aG\nUkIw+nQJbzacDdfSyAfG32bEZ4P/xDePeuE7iLndT5xpwznB9YI5FYBoj3j4\njJy63Xh6x+uppJdCLZR2k+2Ye4TyVDbeDwdAuxsEFzctlMaH1y5LT3XDeqoZ\nm40oysFZs8Xphfkj7fYmI4QSsgS2KAvOjRb0WUYbeiqt9KovULdYDa4X14as\nfDVpI4/Fda8dnqw9Lz90OPUVoGXGBdl67SzwpU7xPLRgRNZbV9UJAqxfmhFc\nPybC9W1ViC7BQvjhm8iekbBjNTVHfLMHg8K1SE00Fiz3xiytSPv0j26bERjH\n68lWC/wiD08XNEo/PAzfYvYo8xtt7nR7orQoCQK2wLKmSB5i0AYtvHC3CLwd\nF6wsnq8+UKLtO8w3djEpGI/WXqmWiIUM0pMro7EKwNB13n0+6urIKtSMySDu\nlYReA/q9SGeAFI+RpOmpkRMUQM5tl8CbfQ0bK23xLWZ0+ufNqisOsFBs/SLv\nM6HN0SEvwCoPZx8c5twi0ZWSFFCNCQEFmxxtq3cQobvRYBNJgQf3qMhqSoZs\n26nsHNuCAHsB5TMKMLBU8SpSe20aV/CrEWvZEZfjOkHMhKiTOu/aSSW3jk7i\n3YoloFk9X5dL+aT27I/Kfksl/Hj7aMQfXIEgnceY9BgF5FMQMnQSmAI9gc/z\nsQ+k\r\n=DA5k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHOxAp/uZazFweMkhHFPaXSCNZA92+1H+xHwbauTs7dHAiEAgn7Tp3km734orwmsDQhyAisHuR7I1jf8khztNxw3/N8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.027365eb.0_1611349617546_0.34069475373465474"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7e72b66d.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.7e72b66d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.07deaec27.0","@material/mwc-base":"0.21.0-canary.7e72b66d.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/000cf6108aa08030d7569d4ad30c798e7ebe9da3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/000cf6108aa08030d7569d4ad30c798e7ebe9da3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/000cf6108aa08030d7569d4ad30c798e7ebe9da3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/000cf6108aa08030d7569d4ad30c798e7ebe9da3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-2AMnRRxmDd3ceHnU1khIvGQl1FwIM1SooHQaWgeYFflZfa2nzfFW1y2JH7TO50rSimrk03Gquxbyt5HfU2rhGQ==","shasum":"ea3cef8041095324b9f79acf8017477f4f3e2dfc","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.7e72b66d.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC18ECRA9TVsSAnZWagAAecwP/iIAZq4kzfBtIQSAhKem\nKjZGyjsK8UiOl2VolSnfR2xgyOpBopM7i8MwFhgDiUT/1rY9UXNFG0d8fMZp\nOmZku6stMGOgfXzyMHJE46Q3mce6+lv0vlXNTNEsqT3HJpSD3wtGW2dD0Lmo\nnTgT2dVk3cBUf22OSSKV+qxwsjKl69oo+uJEK49GTLd8bTQmQKj2dj6ATTQE\n7QCVRQesc0wUgT7S0fWl4H0Ya8S8QmeIWEQtzOAFLxaTLG61yOVdSGsPZRuO\n4l3hN/TvnOCEorQudIPlD0bPefi9I8wX2rm0omyJoxnpQcqhgtuW0Tv463J5\nMkHKy04lWcGPvLA4T/yHPiVKs78C9daOA2c9R9fGHLQ2BV1QahoMLetbvl9k\nHw5gqCN88z9ufoaDKYF3SYBhPcA8a1Dbj6qXX6KClIRtbwZryketVOOCEdMB\nR71oZBMSYqYh4/c1VI1jLUYRcmIYLqalMC7hiVcZBJDFizChlO6UaJWLKnSJ\nUyM/N3Vfalu836FiIG1WB1DabURTDs80ogqiKEqPXKv+S6k09TWou3FxuzyW\nSGct+CK5+F/WwxU7l4dt11LAGFM86vMQkP1gZ9J/Uj90bmiytM0l2avhcWZe\n61QX/afoIl9AvAR5t+VXkJKK33b5HM8nd3zUPfiVPL6bhtfBsiJwucaO6s/K\nK9Ae\r\n=1RrA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA+ZA2ZUFDXVgBL31FgVXmQCFbNZEqxKO3Eo1L997d/eAiBWkSbbVShs+kwEsfjxtB0+94RYVG6qlP/uFejIHGRPjQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.7e72b66d.0_1611357955482_0.3227338836002078"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.a6d6a1e7.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.a6d6a1e7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.07deaec27.0","@material/mwc-base":"0.21.0-canary.a6d6a1e7.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/24a3d6e567ad7ea6c29b40c2088121baec3a5fc3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/24a3d6e567ad7ea6c29b40c2088121baec3a5fc3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/24a3d6e567ad7ea6c29b40c2088121baec3a5fc3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/24a3d6e567ad7ea6c29b40c2088121baec3a5fc3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-jNbY1pyQpZKyVy2SiPeZjE7wQOj+BqR4ZCVEcK+gz4eY/bMWnRbWi3il6roYCefsMZrzSQfLakSbZyy/RPilZA==","shasum":"c83167cb73125298076214ba9dba09b5b6b7e11f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.a6d6a1e7.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2CACRA9TVsSAnZWagAAhJsQAIWd33bpLWCFl+xWcPod\nJxPEWz8ntgvvxT/LeKeavk/XNaN1V1eVNrF/cAwSlRGhpxPDMNKjO74YDgeK\nDGyDPsG1H/6yybJJhPN+TcwYIB2ik6VNkMMxcVx40v4vRbfl8xvfDeIhWyL6\ndbuHBPv8/bFKKe8MIphAildHi/qSgWSj3oVamdR/Rg8QL0XdRAlFJTcnxdag\nCQ2BTdIrhPSy02l9VU1m1bM3IPqbxa0F+HgwGYszZCVzoyl0/qkdXW5rtec2\n0DZKrIzPfdMhqn67ZYGJDTcpqcJ3R4+p9l5dwKQc/SWeQA9TkFrP8PivPChM\nCnOxaP83nogv0nXtNDBLqKemMIcI0RP//MlKI5OvE/29ey/0PTpu3n4bl17r\naz33XCkWWDOjSaKONCChxNUwn+DyL/osTZEr9QgpgPrP/0HpPZM8frSuZs0k\nZLbRDEgG9RN+s+DtPtM3Zjb6TvLxLLPbu1/ZgyYkIWnfdXpySdDQP/ldtlsm\nJ0Etb3yrPzdwGSP8R//jBodWhXlAMXdKWA+Lj+znGmnZc7sZtHKCwN0igirz\n6oaQ3+Eo+jyo3E/1oWHdpJzz8UDetsfrOijfazQL/9ukfZW+kyg4beyY4cWI\nxfZ/Im2i41qFFvNRow/3hfl89XKDsGaW53n+HY+odeB0z5l44y2LAiBldXbC\n8zps\r\n=Oxb6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIENChlyLrpI5XCMXSxQJPiPFVWrtm8Q9OdfmiawnDEgrAiEA+He5wEBEaYWF2RK6m+j1KmkbCmdW9DbXAXuYo8eX07c="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.a6d6a1e7.0_1611358335813_0.586973504267225"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b95fe100.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b95fe100.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.07deaec27.0","@material/mwc-base":"0.21.0-canary.b95fe100.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/229d3b172620cbdd5deae4cb60852f0ad2d4671e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/229d3b172620cbdd5deae4cb60852f0ad2d4671e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/229d3b172620cbdd5deae4cb60852f0ad2d4671e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/229d3b172620cbdd5deae4cb60852f0ad2d4671e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Hvt+1oLTFITLxkfhs/3L5v5Do6A+OCx1lgl5tzPHRbuz4ELL/Dw6EloWp+m6iGBciBmQ+KfWbOqlz6jRs3j7mA==","shasum":"505d3ce8b7b96f1f89f495856e0300eb071cb0b9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b95fe100.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2T8CRA9TVsSAnZWagAAYDAP/R1u9+IyAF5AjYFN4tWJ\nP9ysUmEcBvnSXRX9V4neRKFYPsP2xceWCB681MGEg6ftmCOKZpfNtSz6EoOA\nSWmkpm2ylhN/A+98hi2eidxf0mYJzcWQbTm/maqIGeHiDySpVPE42+0GS3FY\nNYmBrT9xYfAiqraO9o7Xy04hJufy2YZajdpWxRcIVwgB3kWq3R4c7uHxwwFI\n49yk/vTRiuDgweIelMpUhLSpzIoaSSfl1X56IIRW3LCdMNiATUPvLAWSaSAx\na4VCHmW33RSV0qZdy1HbaLkO+059bh32s3b8rRjBYjmteO5Ypb7QHDzl84oF\nuozpb6KJ6V+aEojjoefhLa/E+pDiY2xEKGbXoyrV8qeNWlkv6zk2TwktKnCx\nbBLoWbrQLVi7xwUoGtpZLSnMmiqgq5BoVV21LuvXrLQycKh+4lkTnZGZnbEt\nQcYHXxcq8sOeGfRpoYyVNXL4b07ls64sfsAQExAUpy3EgLUAbcZcVo99kiJ+\nps5CV6QxQywqRhKRavMj47pdp9P28AQUKX4LzItR9sdJ80GCC9pK/wi/wHNc\nH9tsGgEENrh9d6Z40ci1DE75Yo2oDI78+UXkb4fzp0BzNPCfZBdDXY+N00ec\n1SGRidELz8Mj9aokB9uqRSRAfVKmuuieAD7UcTqFGi4d97+CXa2oPr/jwBVJ\nBJxl\r\n=hgUM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAsOuXVME8+TLJBnk//JTKnmpLFXhQms0J0FSLfDxmuvAiEA9XAzrx4ASs3rLL3/NOxykehTfYiEq09UDjES1GaeVtc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b95fe100.0_1611359483813_0.42027965660937294"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c8797192.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.c8797192.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.b9adb7a0f.0","@material/mwc-base":"0.21.0-canary.c8797192.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42b37fcb3c5c8e4488b44daf72e5e374bf0e2e75/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42b37fcb3c5c8e4488b44daf72e5e374bf0e2e75/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42b37fcb3c5c8e4488b44daf72e5e374bf0e2e75/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42b37fcb3c5c8e4488b44daf72e5e374bf0e2e75/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-HJI8uB9UvsTjlC4bU2t5YZ0b8iuX+nafc1zc/Y4Gt5g0X9+EUaJPThQD/8r4xU1GOD5FEOZPL5DVzEvDJjo6Jg==","shasum":"7f4a2fe09f4e3238227148e8dc784a70686f073a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.c8797192.0.tgz","fileCount":16,"unpackedSize":52218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2iWCRA9TVsSAnZWagAArnMP/j+YlYXIMl+w+HWW49Gj\nJTZyZElNF8hNGbpVcYjaFvFgHLOSFuEOCuil7KsXF+2/+18ZAVHndi8s5HiI\ntmF9IPKzFcpB1ohdpIUNCa9chQvVKJYBdhAEYfUwpjrWuSEU/XOYIVGlxT41\nStwXmXP3Tc5Hw/TE42A1j/8hXPJwzjQgdQwWL2kVydvofiytw/hwiP7VJFdL\nKz9fhc8h2tHyXijuqwVde3txKQFlkJvCG6MNrTyUcqv470A+G/PJ0X4K01LS\nvQmxun8t9yRp4qCHHpCZZKV+jnq0Olltto6lU/Ht5M9u+CiDkYbrYx7E61SN\ng8KYnzftobhTFV70njSdmrmgiG0ZVvlid/R1szzcJiaAqXi6LVZGLhbOgf3I\nyzUpQpwIwGRJp7yNe070d+f3CWx5dPuUg/MdOgFCF4tXcN6UEw2s8DjgW1+J\n7+Dr5F1hW4BNpPGlx50dr9GTIgekXozXtf3QxCziJ0k+9jHABh3yUwEYZTBC\n4Vyu+J9yqiZxHZPcROYndR6xxgVs7D54b+W0rRaZcHuhTK+y6qHghRf8JXF0\nfoR62hiIdZk8qWUxHYi6V0Cr6BVYobe6dnie7SgXRcsaO0k48x/c2riWVEGg\najBMCxHxcwOC47HG9OKFyJ7DZmiGNt2/Y2W9havlqVCq676uGHzeFKY+jDxl\niG6i\r\n=4hEq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHaHAAc8bHMF1fnCKFUIoWGdTDoAINn+QlkIEcJRTVQDAiEA/LasZRHhHTmlKKSd/L7lifgxC6n1UttIgjUVubuokbQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.c8797192.0_1611360406433_0.9671391241075664"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.946f5563.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.946f5563.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.b9adb7a0f.0","@material/mwc-base":"0.21.0-canary.946f5563.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/56b8a23ccbe326cdce0b3b9f5d1fd5c5f5f68f91/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/56b8a23ccbe326cdce0b3b9f5d1fd5c5f5f68f91/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/56b8a23ccbe326cdce0b3b9f5d1fd5c5f5f68f91/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/56b8a23ccbe326cdce0b3b9f5d1fd5c5f5f68f91/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-YGvCGVpF5NvAzunrfwo14hCKYSF12KgWg6i/ypdYfnG60Suqh7mIVUS0q8+Fp8B7QCsx+wrrRAEaagqps0e/4g==","shasum":"146d2ddf86272a33f9a59d0193be74a35374ee70","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.946f5563.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC3EOCRA9TVsSAnZWagAAN/gP/RJzYacgh0lHhy7sE8b3\nUUfYaeUs/T90O/F5poyxuxVrRBl+Vm7q9Bh5M2vj3Y5mhcBWu3/MLn6etWcX\njtG2DGkbhe0a9DuMcE/uYhozuJVizooaaZkkmTb390323YEXR4lBC0bAcXQr\nwk1zUWUITufbpwmaUM1wf7crU/uw+k2F180vrrYUWKcRQcUG/ehYPk9xvvfL\nV1yg1wNXfDHOk/tjAMdUoRgqeadJKBGJG8dUGZCrRXo8J2L/QvtmUP/f6D6w\nixZjiy24G82I3TVUtJEFfMEz87EJMytpW+HCJ4JzXVSiaqGbR2bzHOLtk6ib\nz4LPYoIb8HtXuz8VsxUlStF4oXAOgrYT6IZabw119pJoJFhKDvSksMBgcThX\naWLTm85Bfs2XYEFlhVLa8V7kgxmpW0N04DPUTTnFoXGQIX/Q2m3MdCIfwX96\n6tKTTNUqgTX1pqGDdo5JP+ksOvGlYsqsecMTvedaHC5iy7NEzCR88TUGTHDM\ns1ny3OiSa6NoxLm+aAAsAiwEwwuqFbji0GYJw1YzKvB2Sfjs4yizE9YEPhls\n5S2QvaktefMjEsE2zE5FvqAchE0R4Q1vhwgHeuK6r5n4mYDbtO8RmTBw0TKB\nIcxsaGGiw3G8Grn8U6zSqgbVeRIIShHtnUPdatsppjfbaEMkQuqvjV4NX2ym\nFerh\r\n=bWno\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqBYRXfMsygxamb9wZTHA2QZ+pZTzI6rYNvCbBUnaZWQIhAP9+a/znlsao70mBbwTyyDnzSdKziNettGRJhPOVni0i"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.946f5563.0_1611362574294_0.779495842014944"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.43664f0e.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.43664f0e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.b9adb7a0f.0","@material/mwc-base":"0.21.0-canary.43664f0e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62b7e6f595b2e13e2e57bd8f8f56ec11405ee0f5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62b7e6f595b2e13e2e57bd8f8f56ec11405ee0f5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62b7e6f595b2e13e2e57bd8f8f56ec11405ee0f5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62b7e6f595b2e13e2e57bd8f8f56ec11405ee0f5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-QvlDzD+VssLAbvTUzp1Z/QdOmAnF/hIcxuaEvtsfmwT79J4RFwg9cYRLleGcszVI4CWHhHM77v1WSsA2YNhCfQ==","shasum":"57f60f6e9b970c65baf6e1437a0efe6253d8786f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.43664f0e.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD0ifCRA9TVsSAnZWagAAWe4P+wRtbypD6H/xrmZyHpPM\nrRN0gX2BPXRCXXHdDWT7ZzuzdDM8kO35aSGPTTXRMCpIr5W/abFwwfZHZU7f\nV1AD2YFljXS3XcOGmLW6HiHVRd4T18ibWLx+rYL1ffWxcVJZ1tT8NtwuVfPg\nOr+Uw5WA9+xe6Un/wyF5SXB73NA4Ue50d/MLsynddUM44RhwgMpg60LJuzqd\nkb4sdi7uP16RJSuU3DyEEUC7LBOpSOlVRbU/ALuQoJtAlN5JUQLWKVzEm2rR\nR+1OCZZVvf82PNP4gcAcjpMRJwcf/wZy44Be4zm+Jnw9+iSR3q8X9vXdv9Tf\nQQj19HEZHsB9fDFQQLvdiVYIo1JPF+rB0XbQmPg3MKqXkrIUXz9+G8NSHk/1\n1tip8Kvr/98yXJ2HnOxkworIaZCQOMQJXYu9rkTXzFf3M9QG/tZsn1sEzjCM\nqoHiuZFpT+ZnV93wx+aDU3k2xFVjlxC9iZvoFNyPlgKzbPdV+sUmwDmc+5Zl\nqhWE7sc+K9dboB5jIXizdAWVUkBbQID8NrbJ/p8hao4nEx5NVPfThwAuACZz\niS+bmzloMxxfjxeyo+rTvNN7h39CqOANhMWibzAflgSTRRvVSDa0AzHoWROt\ncZQ68SZS3yI53YaEgUrLHqLLkNzS5b0KLFnDtd4q6YRNRozPGDpJctb0ZsD1\nwCww\r\n=QZX3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBRSBVzX99RaPQYoSKbcKiolAuM/ksH0XSq53+eCORKsAiBnuQRKUL8TgYX3ErDSscmWOAAGaEUeLrdsqaFqbAcwQg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.43664f0e.0_1611614366762_0.0664443374917214"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2e769e3c.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.2e769e3c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.b9adb7a0f.0","@material/mwc-base":"0.21.0-canary.2e769e3c.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3fae1109be58444840f6099c0f87c3966367d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3fae1109be58444840f6099c0f87c3966367d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3fae1109be58444840f6099c0f87c3966367d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3fae1109be58444840f6099c0f87c3966367d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-6syR9IDK9KZ250vIUT4I+DPW14OpbhcxH19G/cDI7xoiQ3aWr1Q/43L94olXJodkGm4fd7PJEutmbv5ImfFdEw==","shasum":"63cf4127a890cb4ff592a2186f8abcfbf65d3e25","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.2e769e3c.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD1zXCRA9TVsSAnZWagAAfuUP/j6blPF2ocKiGQWDO5FT\nni0eAe0hGXaDk/n0pwz7gBfriOnfovtblYNB3guX6HwWgxLpNeWeI0+1ZIoI\nv6HK0/3F6H6P0Rv3Mvl3grtDA2cEveyhCcLG9NZQxPKWrnafcrHP7dJa55Vi\nxj40npiXAyTnjQAnG/JJ+YGHyyzkWNB9rxW7iXKiW4uoEDN77ocReqCWloRE\noJLuQk5DmTmrMnuo9r7t0gKmOu3wSJP3H/eBmWMDb76BQBCKFK+4sfOGRj1r\nOWVHXBoeeMREx1uE/2PZuzqZxOqdw2mxdgkf2JsPnBwTWzlDmkBHepj1HjTG\nLsDT0VmWlL+3VRx4emUya700q9YQCwZYEOzGkI4lxGjN41DUmUxeRCqscUmJ\nnv+3YRdxDdnomsXOxnfxBQNDczjw0uITJk/zaSjj/VD+ZcYhl2JV7JDEW3Pi\nvq2Jj4tgKeKvqCjiHIKKms3ffjTZWZeQnoQmqamWsBOVeZ7IxGcBx3z467H+\nOydSwZY/G2HY43x8QP7D7uhJw/7wO/f0XHe89m07F+EO6SZYOZBLBhlW+yOx\n0fehCPpInor0u0knvbOZWmFjN7J/pOi+VGJ/rRPPL3EuT+QEbu7ki8Fu3lxn\n+F/C/D9GYffbCsaloIhlP9pOwfQMPaQ8bUHo9J8SHhwPmjj9Ah/VcZ6t4fOk\ndlX1\r\n=pega\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGUN/CcOVBSKkSNsGkVx9WIt2SpWO/hs2KsSIgr+gV+sAiAjoP/ztfQIJY8ilvOFaXYuqr1uIjXOLf1UoxpxEtgQuw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.2e769e3c.0_1611619542542_0.3637954680281157"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.14e01610.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.14e01610.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.96878e1d0.0","@material/mwc-base":"0.21.0-canary.14e01610.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0794659aea627aa04b2ec37e3f0e8cd9d976ae8a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0794659aea627aa04b2ec37e3f0e8cd9d976ae8a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0794659aea627aa04b2ec37e3f0e8cd9d976ae8a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0794659aea627aa04b2ec37e3f0e8cd9d976ae8a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ewcva6NfwDICKz1D9rhsCkFsUaKwTTLOvI/jQOk3zUKoz2K96MU+oFucgU+FjC9ciFbdCsvKlm7Pv4z+uhtSyw==","shasum":"61f1a6d6ad8e65eff927799831033e4cc72deae7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.14e01610.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEcQgCRA9TVsSAnZWagAAh5EP/1JPuLPqlIn8G1mcry/3\nSbgySwu0vJMYGs/ckpsPZLrX2s/s+2Rr82sguf/NGKnojyGOtJ4jN0cuDwV9\nWEBW7T5YsAgScmT0dFVp+jfuuukWVXNM9SL+4Mcgo/8Tn8mUUyW97VQHg6o5\nI6eg2znnV+HCKBK2OhlpU/t3MXWsvsGpnPI5hJcHsgkv4wRkeW/qlUK/HbRR\ndJW/m1wy31hqCqMR+oTX94yXno7FeQ/nk6CgBhl3oV7SXDfZ0nNY4Z1DA6JM\nhEgV+UD8Mn0oODgjtrj89yEp0a8LP9kBCscF3uzC9r8iSVaneVyCcyzoEtKd\nwsd2UKAvdsG+6PDucLXjk6ZQPHfMtu6acC0euB7nlet8dYhpy4BtMZmLhpEO\nULdwQ0sqAbR95niAzmaipcT0j3VFgjXj8E/NZReAP8+VOjTbvMStVLyn+5lN\nso9I7poqXRLwlQU+/lWJw1hsiRTPdnQnhIrQKNzRrvBQiAdcDz56cqKDhMEL\nJGslzGQClaH36GTweqZNFL9hhBDM3W/Ed6yd7DN0Rb6fn/q+/jOSzhH0Y+CM\nRqGv+WfyiWJY0GeckXLlZwzF3fJOBTyaoef1eb/lFdfTNgQLXxYB/nC5AcuW\nBKlppgAZjoGwqss+z15kzgnyUd0X1dE6JhN3WHeF7XnIv9QkQaVbrctbSx7Y\nLxI5\r\n=jz4n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2QQom8EE3Tge4t/6m+wsapTDBnXd6v7mJH30apMadFQIgOYlpen5uWK2qofOOCPJzcoGK67hUx4P4P4BPi6+rrBw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.14e01610.0_1611777055865_0.9991434800641494"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5de00c1b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.5de00c1b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.96878e1d0.0","@material/mwc-base":"0.21.0-canary.5de00c1b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f40b8130ec795f2a349c0699be5b3038a9c32e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f40b8130ec795f2a349c0699be5b3038a9c32e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f40b8130ec795f2a349c0699be5b3038a9c32e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/65f40b8130ec795f2a349c0699be5b3038a9c32e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0jZHFYMkiBfXXhyGX9pCCjnOqKe94ddrBH1lZyO13zlNpCg1N3DZ/m3IjyCdgcB0Kw4zOdr8GSGpvpBQUH9GJw==","shasum":"43bbae264b49c183e9b20e629a9fabf57e40f49f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.5de00c1b.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEcokCRA9TVsSAnZWagAAaP0P/RJWTPzedW3yLKMtHByl\n6AGN+/SW5jvJq2NzQ/1BWGQmsHfBMdYymdl2gpGpQqVJhHkDaveqteGqYacg\nFHX1+SP6BUMIn0NNLeCuudlCZNemmtXrLQYAjLtOZ9miHIvuwES9xPgxuQXd\n9ddfIKvA/cIIaaP291rkKhXdDXprqHnh2lmAhUwJ61V9mKm0UQdxKqzkvpMj\n05XYKerIW/dwYLzgNnTW9XbxpEGnjq4SL8i+rMQ+fQfjgbEPta3z7EJgGc2m\nJCTN8q/B8AixUGrl6Alt5Dp8PNQVV1THdfzTs7S89ttXflYledptEpbY9Pr0\nHVdgF+1thisqzDU/O5dYApbcoDPNNKVmDloUv5QgmTVv6GCxYnG5rv0hjKyu\njkk4Mt1lNeNzYeRf8lp+PBEa2Yj0BZbnD6dhD3397OnPG4RldzsFoWrWbNRD\n+Rse5hKtcSDErwXOMVy9lhHqDlcx2bfQPygv085i/WsGBbjxekc7Jv16rb9t\nyA6nmKNYA/1o7+Bxt99EXIRg2GfZQ5e1oTw5Oe3CgCVEmW4SfT2r8Msj0AQW\nr6HYmc6fPfOXFKmmUxR2aKouJEAT7fLWLNrND6kJGVBCWjxxS1L3mEw+6Q49\nDtokoQzszWxv0GfUHwo+5ICXV91LXXv/9dPSojFOBq3J2r0jM6vy7FOzDbMq\nONFS\r\n=diRo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGOz1Qfx+zIvry2EpgGs3FE/bl48fQAZXcQal52++C2tAiEAzahj0MJXPMQ4sRvR8Z8eFhfPTiQJ7kh+j1Lu3XF3500="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.5de00c1b.0_1611778596091_0.24968365459334962"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5a328336.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.5a328336.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.96878e1d0.0","@material/mwc-base":"0.21.0-canary.5a328336.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5547f58c69336881e54d7463a7f7d92a04b53c7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5547f58c69336881e54d7463a7f7d92a04b53c7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5547f58c69336881e54d7463a7f7d92a04b53c7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5547f58c69336881e54d7463a7f7d92a04b53c7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-pLn0N8NFnvoRGUTN+GrrAk02KA91lkp3HCCXtqSW7dFbwJkMF25RcCGlge+uQqIG31k+HwQrXfJuOPYUcyq1xQ==","shasum":"dbec6c6a3384c97f56a09f0efb17f667a94a50af","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.5a328336.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgExZfCRA9TVsSAnZWagAAP6gP/R/Yvmo22IphnAeopVZp\nB/FJa70DdX3tqj0bMJicCge1kCPDuzKUB+xjkLomgTPxGUipEj1CQB52otNg\n4TA/yVqRIP0zvDxPneCfU/iVxmETXIJuD9RFquUQ2SOoLk6gprRD1FIvgVAU\nh1r7YP7i+exbUt0nKISVW9tEXqDUep+IRWLxpznizkOeOe/YU8AceGAfmEJa\nfWzObyRtqGIsuGoTYoIXVRqnFasJQTi9wv8Aalg1dHJTW4bRTyX/9m+S8DuI\n+4b8WbvIoS9n8Hk/KuCJFuHvt8Pi8/PEX90WuHi38X0I+C7ZLAlXK19ywZh9\nHlI55nlGjPKi5tj9OkaB4qxW64XrI3T9P0dbLalpjXezlhQ/lFI/jHNxPvEU\nSsL+Dv/86e387SvfR7bEqLExQKUNDhcETZu2D+c6cim9qh38ioVzCK/vPhTD\n+P7cLmB1iCfwBDuizUx59NU/kvyNBGlb9TNkFpLkmB1ulWTRKoI5XtFfqLyb\nECj/cP2lhPYXSnDkrgDs29Z5OYf0GIMBBF/2PsgV7JDdgn7CeCJH0eru9X/i\n7sfPrlCq+VHziIuAmA4Z3Kw6KpI1ZszN8aHgkaGNwndler89stEdsKblhvqV\nw+Hq4adpypLGa+yDyFOjGY1lH6PDGNDGQVKZnnNJ7ZNTh0aNIaspouTLl3zC\n57/p\r\n=UF69\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDf+r5Y33yPQzrgJA+FClE51nlAOazriImKKCjKBSKADQIgQlpJxHN9YMTwjBfRE6GGH5+mjMdinG31KO2yZ838oOc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.5a328336.0_1611863647231_0.7561377105032068"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.533b1251.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.533b1251.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.96878e1d0.0","@material/mwc-base":"0.21.0-canary.533b1251.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b88cf0e2eded50fb9a839a426059ff1f8242a490/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b88cf0e2eded50fb9a839a426059ff1f8242a490/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b88cf0e2eded50fb9a839a426059ff1f8242a490/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b88cf0e2eded50fb9a839a426059ff1f8242a490/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-KmmLlhDQnlJ2lcCRtglbSkJV14T9WKTKWQaSu9Sbfvev6Ymlp8EJqHqObYuL8Y39UHM3x39jSYFcbL9+LOmMCA==","shasum":"121a1b146c1a9e2693fa714e48d368764b8f98b3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.533b1251.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFCWICRA9TVsSAnZWagAAaBUP/1ch2i4iq7f3OGy0kPtx\nJAR30chnz3oZh84pKiyz/zHJDT1GVZnXS0AuD2hk48DoR0sWZAhvUck6FsAo\nsKfUhonzkQwok6XN5gU9ebg0SA+uKxZbpdk/dFgbDGpYl+5AG6BatIkAj3oJ\nH46a/rpq0GtjZpN5i+lZRK+Na/PYJYhXOSYR5NZLkwXeylroZdHRGs/irH1y\nk3DWeLDSZPDJsqDfesWzhr2HmfrtoSKjTvXjuDzgkns+/DQuUsuzIY/C6fvb\nimObfvBWcHR2M47RUf4nxLj4pwtsqJHLaW+kLXGKs2q9uQCjDfj+4sYeNTbD\nlhVOarhsFa5ZBFUepJXP/UDwX8s8gDNtlEBxnyqSc78ceAYCpaQ9onf20rpi\nx5MlSBVKaNJlH5aHospT7k7VTq1OKAusHO24ueeSfK+VoW97bdz626UAZFQS\n0CrG2Butyz82r339esvLMPtKfehzTDFv3k34lj1RNlXD/dyTziWy2SCKEwph\nhEZpw3z8LZRC1EAZY8uz1zWEKRDO0le073brR69veaM3EmHP5QDe27owe0WE\nFuEHVJeHFuwQcRYawPxXzhyMdDtPkpQHET+eyMcjk8mkle4JA2rC61byIguf\nU1QhHq+4ARJeL44AClmJRLl8886Rk6u0hu+WjEvuU5WSWWb1Hq+Ar+y62vvH\nM9f1\r\n=ZUt7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEcfzb2jkmPuEtm4WPsBz7SFAFMG1M+B+QOFooXlQC0zAiACz19nAWhOZnVMt+wUcEED/L5zy5SulJUf+QoBtfwhBA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.533b1251.0_1611933064362_0.8072448918262853"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ab5c0a10.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.ab5c0a10.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.96878e1d0.0","@material/mwc-base":"0.21.0-canary.ab5c0a10.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2809af58a44d479ea0c8000c34c546f525921004/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2809af58a44d479ea0c8000c34c546f525921004/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2809af58a44d479ea0c8000c34c546f525921004/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2809af58a44d479ea0c8000c34c546f525921004/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-K7AaBriNkRiJOmlJXUhqCyJ+bSW5XWziGP2NFaOOGdhv35EiZatTjVEgoUTGT98sqZyX32OLFqHtYJw+sbKlWA==","shasum":"f1495c89051f6149ff8c1d2036fb26f1a3767bbd","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.ab5c0a10.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGbM3CRA9TVsSAnZWagAApCUP/RRVJgAtmy2qv6hGOXY9\ny8ibEN1/i2wRICIrs9M5eQmyC/a6NXusqrSxuqdFOBN6bFxVn+syLqWWgNug\nK3KGYJ+aK2o7JuUwMiNDabRBBPz4JCUfNEksKNVcVlgWAjKcHMZT5l5cNpqm\nd7N/6PZ24pfHIx4RND+QsMNmfBeUtWgizoOWOnJcm1WqKeMF6hr0GrKHyH22\nPWboDBHFo4BmBufMTsOIv6g5cqOaRe2Lv2ye9Srt80uwsL08k8KBT9C/T05h\nJtL4PlQaQvKXwLFz7rmZDfRMXIiDOZsB38vEIWPatksgQPqxstig7sPUFXXs\nJkOw3aWujKWLvV1IMbyVr1hKX04B9rszURdOtbZ6XlgG8E0kwi2pJov2gbZo\nQUR3sUl0aJG+5kC7GsL0C6op7Z/wFNI5S3wsANpnq7Oc8de93id2RlwnsohO\nN9gFjOITv44DIY5Sp7O8f4aWW5QZFSVp0flKIlgIWYYSAtd30/paIN63V2Ve\nKA02++2kAZIpECuk/dq8iS2blLNM77qIcpN55ajy9aFdxZW89x8ilOh9n4Ob\ngLIGZf1hfkQWy5l9hmZXbeRjjmMw8LE8ECF2Y4uLQ9JJ8qMkeY+4WcAo/0cI\nuaSzhr02EbxX4MqVn/Qy2wfvggg4Io9lmvY9OYZroPGrwLT0gW/ndWrBd1Gj\nrTlr\r\n=6DxQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDlQI+3RFWovrasXfUWSWL5Iml4WaFZBIJ9R0FjnWmp3AiBV+bxtfJvcVUTIg/l/0gO2HRmpalGhZLTpl/q4Bz3keQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.ab5c0a10.0_1612297014746_0.6473110837878242"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b7a40b27.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b7a40b27.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.96878e1d0.0","@material/mwc-base":"0.21.0-canary.b7a40b27.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1cdf08e57947b9dd8b35ef8599a58c0ab3c09e7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1cdf08e57947b9dd8b35ef8599a58c0ab3c09e7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1cdf08e57947b9dd8b35ef8599a58c0ab3c09e7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1cdf08e57947b9dd8b35ef8599a58c0ab3c09e7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-MVwGN7Oz61rKiQJ0lchTZJN98BfDhvv3DiuvxmdYVd6IUCUoHqT9MSoH9liSP1pazLJDwNpL8ec3L07qAnoWWQ==","shasum":"0efd5088a24ac4d0be0b3552df79a4d409bfa25b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b7a40b27.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGrslCRA9TVsSAnZWagAA7SoQAILGzyusQwBiczT39OYo\nCEYh3dy5cDdacTL82+WZnNcnLYO/wXTVylaJS9UnBQNT6WSkMhYTqXXHFPgq\niKbgCZZbaN9fWmGtXDxQcu4jAZ/Bg0SL4sfuS3BqIhj8x7YNrD8c+Zqp1t4l\nnC8KRfIKn3gicVm+N9asgafbgw7Fe+FNSTFPf9zD16JB72yyKXxoSR7UWElP\nOKW3GVLrMK6mrEZj+SmcaxYVvpkAelMhJjzkCPfxAawL2pM81FTRqD+ufPcH\nUAO800wpYxGC5sSPc58V1qRVZv71J1EnZhKjSnAdxPXHE/qF0iMhKH4Fx+Ad\n1OTGhgQYNkw1j+5TDzb+BZbwp8LLKEjuSRCXfK9p6ZF5Qq+oNRM7e/u2IWWP\n4DaUY2OTlVUyqzFJtpoRrzSQ67dJLdENSScbTVVjL8B6sRR0v/1Ef6u+FMA/\n/drx4P4da1N7OBMmLDIxAUYrKaB+3gPcAtSrv+lkLI9tHvxkrur0V7JCBC6i\n48DjBHO7Moc4FDQwiUyhpHeegJ/Y6m4NvpgDSCENHQujNHCZvcmFseNWe8Ab\n/5w17AjM+abAqAklkJW9SldZqswBu2NbYEBiZDN09MfXOtkScOFP1fDjs4Lx\ntVjxQ3AR0+E8WseXU77BsLe94GA8y1IcoKiMsS+DAx1WXDgG888p3UgmveVm\nN+T/\r\n=Lls+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKyGrhp8PhNgUR3mE4n9gO7MEFJxiM7fqRlp43yYjZmgIhAJXIXAtkPReUfA/fx9ROvy8hIIEb+oOo5GR5waFo0lSU"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b7a40b27.0_1612364581103_0.5682728923212019"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0fdee204.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.0fdee204.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=10.0.0-canary.8e66dbfee.0","@material/mwc-base":"0.21.0-canary.0fdee204.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f072f9738076b381b1be472e9a6d239553e4d7c5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f072f9738076b381b1be472e9a6d239553e4d7c5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f072f9738076b381b1be472e9a6d239553e4d7c5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f072f9738076b381b1be472e9a6d239553e4d7c5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-fTiEsOzsWHgoAgUpdxjMj6qtKEE2KXqPHrsPQ+gX4HQCjjEuAaWjtxHjiVcIZUwBa7MkTEULmtQTk1xh9IebaQ==","shasum":"de5ef9919c506300f5705ea19d2292a121a0af49","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.0fdee204.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGux3CRA9TVsSAnZWagAAlMgP/jzmQyw0NbKx3Z7s/HhV\nmahySbMzu+uPYQRu959T+Jk4aWFgxdd+vlrBxflKgBUnUe93/DjLapkefBGZ\nbnv6z59x0ksim1gZwr2qC+EXHLxpvquTGYoyKtYyGFAhsLr2BkFe26nWgl2j\nr0vE/E01REnAvKKpyOal7FnDAcb62d8c+IdM2/tL8f0Px6TwqJxzQ50Tc0wm\n7DEZVmk6Odls9+Kr6elW/r0EMCMFVNKcHbGJXDAULhbnTleM93Azq7ej2z/P\nZ5ReqeaYwAKS6+MTYiwLW5j6KBt3Se/zuNu1JDo5ItyYIXXRdIDaZIjyo/Ns\nDItbnYtbcQoDQWgPeDQghibAUpr9akuCBaBaGxzCH40Pr8o4KJidvYkK3N93\nFi8MiECM+jeAei1WCZSoOrMGS/kPTkOAQsLs1NdICBLzQQEgepdMPVQl9CTC\nzPWejSKfAK7y3asX1OmULdc8Pdxfzt/HPonL6EETvyGktWCrfzj0BX23RFFB\nM9YUisnfkGoyc2hedyOeRTyovc+1riTqtx//6m+vWiS7f+pipoHNT1+r84/P\nmdNx5qn26rrANGW+cg5Dv7R8CZciqx5QhLbiCUsLizrkrtTzq6gnrglEot38\nTVBLXyfuPMYoiDoHJBujxXM+Q6PFJek3rjpi+nuYOTE6BNGcyPOxZQooBl92\nWvvd\r\n=JBPm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMv0wJP2RXzq3LlcB7dAaf30ADf91PNmX8iXpPix1L4gIhANgt0EpbOhOAKfeb8Nom/MFBE4Lv4XhlAKdltjo9vTAn"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.0fdee204.0_1612377201634_0.949996847205103"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5160e548.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.5160e548.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.b5227247d.0","@material/mwc-base":"0.21.0-canary.5160e548.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37494b60e468d33d172953edbd3ca17d4aa342e5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37494b60e468d33d172953edbd3ca17d4aa342e5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37494b60e468d33d172953edbd3ca17d4aa342e5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37494b60e468d33d172953edbd3ca17d4aa342e5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-NMU2Q7gB6AcDi6lIfEd58OJo/IpvvHhGcWV5b8jZxnFUIaVx8/d+FoACInjjqi/vHvOKjCq9b0LT7gAScKQatQ==","shasum":"d8444ced03f024ecef5575c684f2bd5dc0ca2f48","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.5160e548.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdnWCRA9TVsSAnZWagAAXhkP/06JLQtFPaPAerj16M4j\nMosItUdR6CEZ2Ec4urvBkPZ/LLMgMerf87zQefVm9l6kxZOjgOpwlQwuZqsH\nogMB/sKlANlcPzfRPY6DGqvk6QZk7K2RlhhEyRjetfB87/rhiRhpJs9BIKAh\nvgbQxl2JImkl0Ng6sKa2DxYzaZz+xgdc9F+yv1WCIpxmg533Wcf/HE5Q6kcs\nvBf8RVeMexWQ5UDk0YwTsm03VkVuYYCbbITs63AfrTcA27y4IJxypT2ZQA8W\ngO5rfaUbROMqe62pn6J5PfZVmMUG1sjJ8HU/GXQuTOX14uJYO2BYvCIV/LXv\ntMebGjgDcDY0et9fScBWEiCuPwRKnxxJ6ITb0c2BryS3StW6Clm0pmwwlRj/\nPNTgGygtuSLiYEPmi7nrxjKcxudAxlTgYatyxcBsOp6uAlOCSt1QxNl3LAKV\nvpy4GiwuCcvenIAvb7/WKSwzn2Bv/BbS4ELQ6ovLm5KwY312PSxnaZaDgBnL\n0PBV5O1MO2RvbivvPVKFiucFlSJ/P/p+K8klqs1q6vV7jjEgv4XQBqwNOOqX\nhe0rCvbvRazkEBaQCyw+2qUUmyjJXBLki69t1Crrf6BokfDmMfc7d2iZ4Bcn\nRsVnTaoNn/uJYkLMLoPT9yystk//nrLF9ZILPhx7aFA5/+v7i1pabVAqV5+C\nqF+r\r\n=rk7a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAPbVVB0Vr37ngzg3ukcyRe5mCSYuMT+89bbfKZHO5dwAiAA2nb/EDwv/LCEdo0bjJe9zYHiuv+5BMgM3IWkLEyVyA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.5160e548.0_1612569046086_0.8367397739512255"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4fa2daec.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.4fa2daec.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.aac8f5d9a.0","@material/mwc-base":"0.21.0-canary.4fa2daec.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49d5ec72e92627f861ab94dde045181b5eea9f00/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49d5ec72e92627f861ab94dde045181b5eea9f00/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49d5ec72e92627f861ab94dde045181b5eea9f00/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49d5ec72e92627f861ab94dde045181b5eea9f00/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ZdowYA68c7T+2Um5NEsV4AviYcfMYvRwIcn0aFjn1SswP2iCBpOoCyEBs9n/5Q+5IqThr3E7Kwa3v+FbhWFMbA==","shasum":"700a5ad74a15414335159168d55b6abbb7100394","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.4fa2daec.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIdS4CRA9TVsSAnZWagAAUtoP/10thiID0T+5u0H9WaWd\n3JVB9RFG5znNr6bge3RjsxgJcLpmt3fC0S6IS/ue4+I+Or1zLa8xgqPJqiHR\n2ANbOSVVy6CbnUVwTQYLc4dDEsrRODrm4BG487gKezYRbethBywfmyNJEisr\nMJq+hAG6cVYnXXUmtuEnucUVRpi73R1/HjPh141Zwzqfw+eNmMUqqxMwDJpo\nF/l3iaymPd+UqB9aCiUzM4xuWdUd3QABPQuRSOBNWk2BRfy+RXEqY8YJzi71\nwpUYXBHqu3Cd6PJoQfDDjuG0hbFiSdqGs0mOkZ/UNvIJabfRyR7Rk6bXV7/X\ne4/N27TEA0JNyRVVO4qn1UsEIJXUcsc01stpokuri9QdiJ5kr+dehpnSTs7u\new5wElziMTVKux4R5vMUz/6BLHpa/+hgCo4Sope1ad5L8BKbJWFH9JPSLG7q\nkFEreDI7EeedATja0u66obejn2ypzhkmp2RsaeZwgB8AnFmbt15sV8oFufqS\n4DLp7e52VA4rQrCH1HtdhLXob0NxNteog+lY+54OYrg/Prwa8u/DgD3lxVgW\n1pvVC2mQzyKM79clQe0DsNEUJQGlf8G3WL5HXyF5vP1IcyYdoaxBnZf1Jr97\nBfZsr2aPN9nwGkxStR78I8KHYiteyBNbc5EgqJ8DZuS9rbFBwIVke2/QYmIP\ni2ke\r\n=k78N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDv3BWJo5NRHMXzrD4Hgf/JzwSPuc1f/7NgGkNBEYdFZAIhAKx72xnmoitGIaXX1XJbhcH9z40ALUnUlcwxXMIU1KWy"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.4fa2daec.0_1612829880132_0.39504452646468535"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.67f285fb.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.67f285fb.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.750e18fc7.0","@material/mwc-base":"0.21.0-canary.67f285fb.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04f614de1b88fbd5e16a537f0b7e3f2f9b015a9c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04f614de1b88fbd5e16a537f0b7e3f2f9b015a9c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04f614de1b88fbd5e16a537f0b7e3f2f9b015a9c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/04f614de1b88fbd5e16a537f0b7e3f2f9b015a9c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Y2avEcWB4xnqfA8xbYp1Yae6hY3h5gf+Mkf+wp7VV7bBEVOUMglnSJTMrOXX52oElzM8DCxwrbhWUMoJsMn0ow==","shasum":"789cb7fd37d09a3b10999b33a369f8b34f1747b3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.67f285fb.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIdxWCRA9TVsSAnZWagAATrsQAIaoExyMLv18htuWlVDx\nVIonDOP2VG8WVdBIkOCTBhfZGUJ91oBX+sdJ+0gHo7LfVQ7ezlplGFYJjRs0\nFizo3bBR5IC4c9EuCyARuhituMrdESyF6oEuYXMazXoyX/KxculMMwmgcnLy\nQwLpTXXa5B7bv4XTZcTSoQaYKwtpoApey0mrvn2cXZUdBFAnMXDg0ORAF0uc\nl44ISFopFWujd+OexTPXdzE7gToFNu4qe0xaCKlJRKsGk3jnwB0mHMIVmjon\nWPzTWALnnLsxWCGfWnfBFd7bakRxy0Y+PuK1k8jucwd4NAsJgHOYjoOCwTU4\nCYmVx2jTbz7cGXGSGoNEBUlEypmODvIZrX5Va385mPLLXnt4QtftfVxy8sAL\nD9Hq+QTBehaipzcUM+AgrGg6ejdtzYjC1/v91Swb+vE54uFDvhOeA8rX098P\nQGFMprcsdeuJekDlrRXk2oQkDB+I2XwvbaEKUFmVj7vHmqsv0UI/NSy8U9AS\nNI+6hPKZtVRpEG1Nr3n15SXNAAm2mK1jaVE92tnVy5UYn4qOYhmCT6/xuF+v\nuBHAlgYZzXeBOOJSvmR8YEYHJpqV2t2BX67CvS4zcBrhosagodKhGY4iQSXf\nm3SGaCm64l6UzKMnxxrifTRHqnHphfuUJEYDt7Lq0bQQwNPsEZoEGF1jtCfL\nfv1+\r\n=hmcg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjZ6J8bFv1nTSWjEAbDlqYTqmbT86qAH1UtbZ7WbJPCgIgHzQCFLpoaNVS7rNA4rLbjr7ixIzZTlilAz3CuwMVmug="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.67f285fb.0_1612831829890_0.5299999830537234"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.58cd5a70.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.58cd5a70.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.b62b1266d.0","@material/mwc-base":"0.21.0-canary.58cd5a70.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bd3f430e2f5a541d9ff928f6eef5e0f06946dd6d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bd3f430e2f5a541d9ff928f6eef5e0f06946dd6d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bd3f430e2f5a541d9ff928f6eef5e0f06946dd6d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bd3f430e2f5a541d9ff928f6eef5e0f06946dd6d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nxxttD4Q+iwl/UwjsRTtxtnhnCOtGncEasNrX35IQArpBUSLbky4XG6/ynxEN2dyGKTzFvzNk0HabYJMmWDzPA==","shasum":"b4b00e8b0a01d5caad43eee649d94327efb669da","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.58cd5a70.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJZcACRA9TVsSAnZWagAAb+kQAKCZVTD2ZZeuXli6+PWP\nClFhuNLWCnRh+Xe9snNrvXO2CK0o73iR2j9S68e5m7QsQ+WvaEGB6lVUy4rH\nmeSLis7mf+UOp4nMU6itcwnr44IOMuwGJsz+p9/YIYCx3DzGieGNnbuL/8eG\nojT5NmILjd/4E3Xtw2ZzLOCij9USqyNk5oy2Rhy/pmXbYh/7nQMQ0Z+963sA\n02SO88rNBct2giK8b1aDMlzO1Jfff6AsgORpdzy7+b+HDGzMGFsrsRfKrLe/\nmw7E5/icNcx93m+LBtftTMXz6HHgID+YH0re7wVVTKoUKkClHf+ec1UC5Qh0\nYTn2azHlN8ULnkSySYBSwIqeME9dQDYXbC1pfnh6oXtwKwupSQixrOSjwHmj\n8wcO+L+ycaInsifn4jYjduzpKyGjmKSwO+EgHa92oxkWm4uI1jKEmPrufU2w\niOk5b/1b9Fp2zkmpe5VfdwG3OEB6gR7GvmpssWKEh/DXTucT2gREaMvvFgK4\nU2TvDXbHVTtNsXGcbP42oBBjDjuDCplDCp+1SSCbtm3k22zEgEsD31FFsKX9\nqdHax7l+oNnp5k5OITNnGYrQlpLf+7GRPjNMrmKMyU2+IIc95HLoCjyUfhZj\nmnYfyWr9YWNlwAkj6pshwUF/5OcJvNxHmBOQYJupf7VmMiG8eHwCT4vkX0kg\nnJxS\r\n=p7rq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKJed3mEmFZcK0OwXC2nXn8JBD0miwrjpNR39jhgp8UAIhAJUyrB5CXbXNNhyMReD4JNvCrIb5FCtSp7QsLFtOOQpg"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.58cd5a70.0_1613076223786_0.7227608588999488"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.8107ca43.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.8107ca43.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.a6b3101fb.0","@material/mwc-base":"0.21.0-canary.8107ca43.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/579eae14a8b8a347a0e4b31bb6650c994d1df472/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/579eae14a8b8a347a0e4b31bb6650c994d1df472/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/579eae14a8b8a347a0e4b31bb6650c994d1df472/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/579eae14a8b8a347a0e4b31bb6650c994d1df472/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-p7vsviw4VGSbQNvfo6mA/lJiDiBGiWI+icraedPtobpOnNfWp2+wm23cAvROC9QTyxBDZ1Hm1tnT7PkbrhTgNA==","shasum":"1f0cd5502fdc1a6aa46018988fe2c7682fe7c619","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.8107ca43.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJb2YCRA9TVsSAnZWagAA0IEQAIMSkVflhNcXJblqH5fV\nR8wXVPJuGCqmUY06zF+8ddJopCmIZsp9UsvTeNppExii/c/in26YXAH9u+X6\nFRzkCKPjyaMAmPWvU3c2Qen7PdCUcK7FF/Zjbgin17UbQ2ZY0lNylOzbTM8l\n7sq5hKhy6NGCsA/GS9B6RXyNMJGkpwpA2FfAZZJIu6L7/4C0+WVxyY3R6hMr\nuXzn5xQZti0tW9QLmrnrxsUkorOZz/lJ/Th9NsapDJPcA1SeEXzEKRlcaPAu\neADEcnjyOLF8y0GFBX/szRaF5J/GpEx0CV682p65dsgnz9BxLHd//mzgHEZ7\nnR+YMeuUmoZAB/BAe+H7bauuABE3t25YGx/4jP4E0O635/TR6QsxhDJIk2i0\nzb+/5Q7vL9DJDSZtZ7FCp6P3/zKXLgX3THWYy8bVhH23xjhwvzkpvdU9aBxU\nsZAVvzyJWzpytodjRgkUas0/p4KtNTG44g050aarN1m3wuRTH+JsvUEJ9BsG\nFLDLovrNJHfp1rBw5VoQKy6FlsOgFfJX8FhCkdETOREiGBbUGH1wcO5F0r1z\njXq3B/LCaJBjqQP/Kig0joGg8ms+SozWKm+edYNk1X17klS9VmkNZ06NF39/\nx9npgLVb06owAmBbeN/wAWMgvDUIRUxdXyPDwcC7UFxxBXSBVfYftFUUo0/l\nn/uT\r\n=VE7s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYMQNsoVDsyKofo3XslCFpCG3KgQQsNtbFGT7e6Sd2QwIhANyrv1wDI6sDK85bdlGw6guW2Q8Wi+mCqs7KPkRM6zG/"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.8107ca43.0_1613086104255_0.005914499262532402"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d35d64ef.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.d35d64ef.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.a6b3101fb.0","@material/mwc-base":"0.21.0-canary.d35d64ef.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fabd01c45fe7a18430cbb0070ae8b3f5d2a9dca/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fabd01c45fe7a18430cbb0070ae8b3f5d2a9dca/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fabd01c45fe7a18430cbb0070ae8b3f5d2a9dca/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fabd01c45fe7a18430cbb0070ae8b3f5d2a9dca/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-+F29Q1oAlxvDe+bvlr2/Gr92QdLmUs2dpex4Gx7hpa3dfTxkVfgN7vSpZe42badcVCL7I5Rk1sPyJ4Xb8luzdA==","shasum":"622d571aea8d054ddd378e3a36d91ab54987f6be","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.d35d64ef.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJcDnCRA9TVsSAnZWagAA15QP/14E6MYcIJslslJyStNW\nOBB9+JLbXRb6j+apAXmTh7rxcxvEdTnSQaCKVGKTpmc86T3OEcQYFt3xKL3O\nc6NKUMg5ALI9J7TKMxTbZitCiQBUfoNbr768v5wLbIylVmJaRDu8usd5mkWN\nfqL1p+NEXrR3wD/Df67aLecybXX2po3I3eC1NXizi7AiHEZN4kxse93olA+F\n4Uengae8cTm7yuTn39npODOEf3fzPIMDdTyVQq7AR1y3wN5lw6v6OAjnVGxM\nl/Gkkq+T7/04HbERd3749wchuHHHilzQ51nRTixXWiHGUzJjO1JIALtJzphB\nnDHkYF3xigaH7MJIUBRuhu9CMmbg0glbfDFe/eJ4no/1r4gDtzujQhn6b0cq\npu+YvdgeWzOb8z0xE/JlkH8uw6j75XjMxhZRqTB15W5BIbY5FbtaOjl4z57j\nuQELBDWXEBy4Dbi3Vqg8XnDebhRbmcuGRcOi4yhuELmhO0JcQoetfijTFpIt\nN3qvLPn4pMZfDQI/9NhO+ne8E34l+OZF3FeO/Tia+2lJZjDcMjiBiu8oPTf4\na3YpTQJvriYOx3275uQ+pzgGX5ZXfQh61iPm1bOFIbtKiDsa5G8NJ+rVBWnI\nIohjUK7a7cUq520k2DGtA+4MvfQW/ewRxOEEOGztl9LAL5rDDWgb1kKVtvw8\n1ZZe\r\n=CBh8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAFEACY5RCTuVI5izLKs24Ghec1KI7xJxq6kBLanrcM2AiA0hKoV9yjp/R1aTBHie8kZmg5YIVSyC/yZyCgnBWTy4A=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.d35d64ef.0_1613086951507_0.8266283562804335"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.78bcf058.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.78bcf058.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.a6b3101fb.0","@material/mwc-base":"0.21.0-canary.78bcf058.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98a4001d56b1e200103e0862b83b661c87fac551/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98a4001d56b1e200103e0862b83b661c87fac551/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98a4001d56b1e200103e0862b83b661c87fac551/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/98a4001d56b1e200103e0862b83b661c87fac551/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-faBlhhmApwQc/tjyjKO5O6geMvSFMznVAkc+l4W7kyMW3CafofWbGLUabG8tYWhCsSyaTeNoo6nZ5Vp9gSnKRg==","shasum":"66a71eb3d1e6c6c7e88addc423ca211e542dbda8","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.78bcf058.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJdA2CRA9TVsSAnZWagAAg6cP/A6DgU7hHX+bNLwYLQ2z\njMP5xVx9pTFpUkmFkYAFKKK+hGOxLY9T9fI29K/RfyYj+1QpfU+PSaOEOESl\nQIm/PbRz/dHSErWo9LoKGlFoNoaSN9YQ1Cznn0ye2PEU+bwvaGcpYlJC4afQ\ncH84DsX580xwIwxfGp+ZSLPNmPLz6pHiPaRz4C9y1wQ6/IFOAR4k/Syzc6IM\nx62M0lE7/Hcc5PHwvbU3yMFK8+RYHtZDs6lqGXLAtUiRb6Soft9Eg8l9eLTS\nU2IWaq/WFp9Pq2YmYg2F3z6P8u02Zb6hB2e+0NDsdLGrEJvf2f4FVv7WFSa4\n9V3wOzveUIpKYec5HsSaqlblKuuoBvyiXdiN5FlSMuRQ+LNU57ixcqs8k+tA\naECEouqtvnO0aQZVLK4flVA9iqF9QDRjqediVX44OQVAzgSxx/Tmk8/8t9uX\nmK1g/5Qe3D2A6YvP9qcSNzBhRZOcMG2WNn5SRy4HKDwZXR16F7UQ9nRnJigL\nuk4YmWTpbuXwwHT4qJxjE1mQi/5avUh01tq4Q4WMRDWzqZrKYDyWrQ9fQjEn\ncxlg6glKDk21dUvQ40duJQM1AVF6rCYK8dAXDSqoOATetR0TWYhKGSol/3YI\nohmdpGSV5L3fMyb36iiao9sdRLVg9/ntY7UJhyaAYbj3cXVORCyL6J/291x1\nSy/P\r\n=7Xfu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPfqBjGFgPsINrHtsEebx65lV7qRGGKLceBHAaLmyVVwIhAKRj83cv4d6+cNyA57W72nXTr8oRU+TV1q3Sdk9Hytot"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.78bcf058.0_1613090870364_0.9219935917109223"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0c6908fd.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.0c6908fd.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.ed88df700.0","@material/mwc-base":"0.21.0-canary.0c6908fd.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f290af657508c2392a786548f206e90e8bc44124/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f290af657508c2392a786548f206e90e8bc44124/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f290af657508c2392a786548f206e90e8bc44124/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f290af657508c2392a786548f206e90e8bc44124/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CC8ONoXmZhvSXjTYPIzIQ8lMwQLykCc6FchB4NyPtBT0s5GERYES8obEhVIKHTi7aUKgRyzevtF+XzHn1cuyhQ==","shasum":"8ca224aff67a8c05c868d58e2a160dc1b9c57928","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.0c6908fd.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJdjCCRA9TVsSAnZWagAAP6sP/0YR7YV9pAoshjlxrWqG\nxB5onkzrTdEXG46ZSpvCK0ljsHTrmtsNKRH5cyzoZz4YMu13leFcexg8wx+M\nZiQODQoe/edTH+fop0Iq2c7vP9hZWCc98vvC+xdkNi/Vcv3q3f4bSEg9mm2C\n4FC6WYRENeuvBVzeJ76M/2I37E7WRYdBWeL5vImVdpXEW7VXm4Co9fTqxO3u\nYEG8oUGvGi7yTtP4h+3kNoiv5+F72+Au9x7AC54R3+p4VvkT4JJh8FtrlRiq\ntJC2lkZJJUurUmWWt0aAEZjt0MtNw0gYso2mOkmU9yySQrxEtuEO+4uBzA1c\nNTOz5T1x1dCtzfIbeMp4DH5idKJJLAkyb5AGVzl5OZCrMWj2q7aslWEiNcgc\nPrNl6XFPMcGhFU7IQ2tdAAwME0s4VK+uodQf2s7hwZZ0DDSBq6CFlkbJrl4M\nRTGBnhMCcPyv8g7iwpU8lVhEmOCJWRdDTymDSAJNzyCy2RhSMNAZNtfF6dR0\n65bunC0582SY0szvfslwscESDmYvoxzjfb5yRQhfjCdb86LpsLC56UiphsI0\n37uAZo483tvGE54CXLqJD29nN73MdGN/IGsxUxm2fwIx2YFVFb/GjziRUOV5\nCiB8h2twVRvqTuQyZ6Rs6R27hBM764C1cvjPvKTb27K5CI5YuxNsNWYi/xPn\neBH+\r\n=bvSB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFmVphLB2N0jC7Ec0NVAnbwXuVgc9+BtdxptJObKt4HJAiEA/iqs2+F+6jH98WMNVlzETZLmmxjvGjGJbPrrAYrqVB4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.0c6908fd.0_1613093057485_0.8744525307764028"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f1f34ee0.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.f1f34ee0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.71fe9a067.0","@material/mwc-base":"0.21.0-canary.f1f34ee0.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b16a616d2cecb5d8aa3c279c76b01b2f49ab6965/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b16a616d2cecb5d8aa3c279c76b01b2f49ab6965/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b16a616d2cecb5d8aa3c279c76b01b2f49ab6965/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b16a616d2cecb5d8aa3c279c76b01b2f49ab6965/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-AlWRWA1ot7PCJYbPyRgNiL47tkPW/NqSgDIxpWRdyIe3d+DO7N9ebQMKWiOqNRK4f7IEV7q5ufBWgUXCjkoGEw==","shasum":"f1dbf5d8187711f529a34477bbad3777547bf11f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.f1f34ee0.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJuJcCRA9TVsSAnZWagAAQAoP/3X/kZ0lIagmm1EMDx2o\nE1NXHajQ7FxYL+fTJRKMYK/rU1zCZWeoM6SR0Qu1v+Ddto12AwoxPUbaXJmJ\n9E9dx7OBMU1rqtNmYNtD/8AUl4duS2BACfVO3LHfZaW6p7yAZ7YKsNiH+xoy\nHZYg0IeN0yIBRZoS+ch5M+nEUyyi6Toe9WVia0wRg+inoRRNpoiqri/yodmX\n1KPwR1+IxIvpiOcd6fAg7ab0qedATxqRri/8HWEMM/cuSc5tYI1UTOxUs81o\nppbFnnivl+ERc1k93lccY+VSvZ4zw4djri4IJpBEj27HstWJu4CHb0qCACVM\ndJhJzv3VCCdhLE9Nc8nr0OLL318MabNLXCZ/CDmgZeX6T6g3CW9hWSr7kAU8\nZgjmyx3EcKuNYD0URh5rWWTIuUI3WOFX9GfNJpv5+fZwb5Jqz+CbXw0Fff56\nQUcN+EZoP17buUH+/xbXwZhgPxnDEvL6PpRUmYAB1HuFsPy1GNkRSIsAwkkU\n9A5Q0HFC+me7zyO5OhRTPLhTJ9itxDK3wu5bCFPDS6n7FkBb9EoKVxijLewD\nfeC1U1h+X2W6T4qhjKDyHvjLXSNEN5fDLCkzZqYghENfK2/Lc2b76RyQpoQn\nGL2vP9bDRTz1rbC8tcC18oCd1R7EglgHWqCQxNQA3vN/MX+yXdSV9/DVehIM\nkDqf\r\n=i9u9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEBb26goABh6RU9/9CST7r2N4KLmQo/FubmQrpwoEkbgIgZ4stXie+jc8g43IlD6Rs+1BbLVJhzHA8mbgvSRnl7vM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.f1f34ee0.0_1613161051613_0.8112644123678685"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.d84df029.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.d84df029.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0fd56a86b.0","@material/mwc-base":"0.21.0-canary.d84df029.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af09ce2e1ef6f6b486ea977ab8890e81af842541/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af09ce2e1ef6f6b486ea977ab8890e81af842541/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af09ce2e1ef6f6b486ea977ab8890e81af842541/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/af09ce2e1ef6f6b486ea977ab8890e81af842541/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-lZ9kE28aLvdFI3GxaV+Vg7bD3/zLZAEOINv3E+c+DMCZQD1CcTz3X9CGwraLQlmDOTU+D9xyu3tbZ0pIlgARAQ==","shasum":"00cd95a255029cfc51763f21520bff2307dbd2db","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.d84df029.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLBfbCRA9TVsSAnZWagAA92UP/R2h42QuGOYCZ/cvl404\nJaS9bQwbZ9sOct6QcHbZ/zqxqWp/NslfP0dtw84QP9rULj1BlVs5kXvzsweW\nyE7zrMiuz12r7kI7/BxFUgKM1Her6EY/QKbEe2ZaM1/f8g6LUQ7W8n2biHt+\n0hnVJstA/jLCBWtO7BTs/RiCHZfdD/XiIphcPwJi8p+gwYhgUY/9CnRF0Pji\nZccToYP6EBrg3z8rnsuYI7JJgAhpruF8SpI7EVHZ9mB+t/2l/loRaNGkPDt+\nz33cDp9EFoxZffn96BIB4ApVVMiAWDTuNVYSgLgUKzt7kAo7d4bIVcXwjsCj\ntlx6DtsDCwiSZLuo0VSPID1ULGhP6jnqRsQTrEntyqN3BNJYhh9uPk9ePQHO\n/oR+BR3Z9ou/sMGtu68uGoiixcJeATnmfYRHCx3mUvYTi7pMREepCNa91eV8\n0acKNZJT1jnEJMNkP/nqnCvr1SUSk6ZRVmTuNWwjql9LXinjxqVhKn3H70WF\nce9Co7LehthCGuD3uAMXj1dpm2uF/6H9DlqgrMBxVUM2mP7Eygj1gntO/rkF\nTRxJeSDmfRt06OeEgP+tnewLM7SnXTPDCcTb8wbob3zTOswwmoWs+6sYGHLF\nbVnDFEo9jjzcLO9VsIBi4Q1pVsb3yeiw3V6w4crzbi1VKpUTlgs+qE+gbLCW\nyIbw\r\n=dE7T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH3O5CZYHjOViWkFLW9LfwNN5f3z0tjMU01ROkk12cc7AiAGkxn+5DVXSmOqgtmOpVqDaAJ1u4+IkWFDga/NZxlCbg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.d84df029.0_1613502426861_0.7712445929485008"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c525f471.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.c525f471.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.f9cac96cc.0","@material/mwc-base":"0.21.0-canary.c525f471.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb401daa998f20b7222c2787e22c669e642586fd/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb401daa998f20b7222c2787e22c669e642586fd/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb401daa998f20b7222c2787e22c669e642586fd/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eb401daa998f20b7222c2787e22c669e642586fd/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-VGSmI+TkEYnLkWkfpEjVkGooF/87dSVRbjMK4GBx9RGB7LREG/ueJLrdLgOJPGg6SmtKPInGO2ErU9QRXd7V0Q==","shasum":"57b949caa348b84edd29f54e228f61a262fefb8d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.c525f471.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLYIoCRA9TVsSAnZWagAAcHAP+wceATRSloeq3GSAMqKi\nDungldby+ll+AEFyc9+fsmAuRLIdsGIDUWe1ZrQm1bTz21rPgSb/syS0UM+v\nsHFTmaxxlnb8ZcUoQ2VFZgoAWD05vkaTwC82MR0exONs+v16vO3U6gTPZMMU\nPXvKNZUn4PDxAAKBIYEIqtyp07URA/O2xozSZiJLdPp53qr22C51ZX9pu1Ul\nS/K2AGy5+7z4cSBPePSESINcH15OZkHDVJz51PmkdAe70TI/bo8SJ37Y+nvm\nT1Sv+FpZbnzN7mfVuppnFDQD0FwBJcjX8mlemxLWZvsX85pPuAzDaFPFVBI1\nqs6Dfo7oyVVSQtvq0AMZOv3picKNTRMVhbKTvOHCbWffyK4z06Ocz39dgRAI\nq8G6hOLq7kTcSwaQmU3bgzc0o0IL4IxPxg0rbYg5NVpsQsansy9zAPLk5LXQ\nKg/48cBl8B+hA9jCDNqu5THUHozEqZEMsk4HlURRotYWSiPhf9rRFwA4ve/k\nimflECTLWlAIMe9Va4Uh1pFU6/RGEvqPiJkNNz2+74K3Bqx0KBnPi/086Szn\nvYVDo0l0rCN2RtnIm633Gh+xMXJTMi8HGHtTqiOLS3vGaIIH2MXuFcM6pmos\nutlC4XrjghHQiqkbCBFe+jOw4qPgl1/1Dvmhix58+mZpkXfxFUrMJCxiB9JZ\nErnw\r\n=/kep\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuzy/wpsiyIEGyXAzwt9B7UrLt6S+lW+2+DHw0ZigwUgIgQErKW81oFIHbL4ji5bHiiojTLVRBb8lpU61CgXSX43E="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.c525f471.0_1613595176210_0.4660631101783068"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ba7a1b35.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.ba7a1b35.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.f9cac96cc.0","@material/mwc-base":"0.21.0-canary.ba7a1b35.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5d1b1f5b6c909a9e26befcb63e69de98a9b6fba6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5d1b1f5b6c909a9e26befcb63e69de98a9b6fba6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5d1b1f5b6c909a9e26befcb63e69de98a9b6fba6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5d1b1f5b6c909a9e26befcb63e69de98a9b6fba6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-KhY8yv4tnOL42grQNcitNMjs6Oozyg3wV9XxSJmTFjL6NgjNknCUey+q74vBxBzuCG8DImaVOs2fbpxaovcrHw==","shasum":"bd6259f00a04e58545308952a99608a0900d7e34","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.ba7a1b35.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLwKkCRA9TVsSAnZWagAAoO8P/iAyXgeVebU9Kg76a1jh\n1mNGyUGnx1TlaCZTMR06gCrnbanHAHnN4LbTlKCHZoKV3gmowbxoo4TfnhAm\no3LIvMZjEpeYk5bStsE0Ztx5HCyJoufw9yTdQT8HxSlwynz9xT/gSJK7mCYb\n5fdout2ubKPuj+srZTD3uMs2z4vKLTdgZfudogVLS+w6UTrALjXil0P0CH23\nDt5x8iGZ3DGPidHtCwMq9yTXQ7BUuubVMT4p/e+MF+eLcC0k/iPxnykn7ZHB\nAqVvzRZO2OGRPrIX+AL3nd0Y+pAfGsSBe7VKbVT9uZycwiA4QS+o9ZE+uAhU\n7QmWYDi98sf2kmygSU3aeaFfHb9DNVR6G6ZXCjo3LWO6m5CJosRITHH8nb8F\nSvB2PxHTKowpG1SAhKkzHff4o3jB4SxKYhfbQ0ds/Ojuj0V7/jDNR09GT7YT\n7Klq5Uovdntrppf0f9HFXEoVV1EROl/QDB17eAHGRD7cRPrTFRsAyA7OGalT\nf6PrAXfIKIGCO3muwW3cBpTmdbOkPH8mEUFXTdImZyODXX5jxZHLsGmhaL6b\nR/gMVSJCIy5GYgisYeEUctzXNJ6ytO0xuT9fgOSqVhapfQFn6FncOQfgY8tR\n67quSHM+M1or5CdeTGdhsh4wKL+wUMcljZSJC3I0k3GkwIeLu+w3ZcUjKTtQ\newux\r\n=HP54\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE7fzm8UUQu11neLGKymsbON2E3WjhkZql4efg5fiyC7AiEA/1BDctjyBfOae6Xj4QcmMW5GAtc9FFzscyqBamviZSE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.ba7a1b35.0_1613693603906_0.944365011330405"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9a566dda.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.9a566dda.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.9a566dda.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5093d1f8984fe9f44acd6597512a2de2ef5fbbca/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5093d1f8984fe9f44acd6597512a2de2ef5fbbca/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5093d1f8984fe9f44acd6597512a2de2ef5fbbca/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5093d1f8984fe9f44acd6597512a2de2ef5fbbca/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-IDNyQAjWU7WEZNtAfPqMXZpODAc+vQNCiOsxjvlevgSa/AqY9PAo4djrAicvZTHiPGp0uur+b3ZbX1SzWMcTFA==","shasum":"9ffcfdf35cfdc018ff53e6583ca3b8a9ccb8cee9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.9a566dda.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMAVbCRA9TVsSAnZWagAAhZYP/3Dm8IfZZwfs3RP3PP7R\n6MsK0dJhYDMQATJkYPAZDg6/lkX5eaFOo+np6+pbL0XIR7gb8OGMFewjBQR+\nWD6fSbJY/hr8p0EpIz+Fm2x8miCT0WgVveWz5IPxNPrkgNMNQ906ene0UhbG\nIHbyIt9WXGXtlXskFm3q65bkwx6XWOP3hNK9wxk2LaSmtuUc4qP+6uuvc+B2\ndA9fGTxxceMqs/6yZfwi/+lB4hWgZIPh2u0xO7tfQl4sJ5WkLhH5cltyWVkp\n70cTRE1M+eSfAmdDumD1J8NaevFJN/Sx1Bf6t+acgl5m+E2ijdMkGD881J0g\nKVexYguPkOwOET01WjF2nBmJkA+cN32RaJQIQ/kXIQcC+lXBDdqbaZp/xCqW\norLvqTGaUg2/chHx9vpMXSlLNoSSierENxYlJk65O9+JZcweGyGc8oTDTpum\nxa6grCpsK3k2LK7LU1A5icmjgm7TbzvAh/sn6FIrb4PufNhBrs49CC8fGSxG\nCshrUbGVvK2c7iF5nqaFqaPLqVWW0DdwG3na021e1+GWB/eH2cXj80rTcetP\nhwVtGDgD17hLD4ctH8L6EYu85RRtjDyHGFrI/LHg8UPCBZQtLN/kclbmVNYY\nKbp8JNUdBkngZ9HQ6a4wDv6tRMAYSR9sCdm0asZcXwHBbdRroNbe1dLygVDm\nurpp\r\n=/0VD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBhsm55S96bRzjjqWDW4RjcyVu90dNxlmS3hFDTbo7jzAiAidTWeZSCPNvEIYS+r7rgoCl32b7gW5rd8t+IogAodww=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.9a566dda.0_1613759834669_0.6063889352443292"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.55addb8c.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.55addb8c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.55addb8c.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02634c071c90f7c1124ae44f34cb20a61bf49350/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02634c071c90f7c1124ae44f34cb20a61bf49350/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02634c071c90f7c1124ae44f34cb20a61bf49350/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02634c071c90f7c1124ae44f34cb20a61bf49350/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-rIgPIBKSqwihXnbjVdgeskLmmGHdAMEKYTy/qNMNJt5NmmV+ywn0JMxYn13vNQt73bWm+WYIeQOfesfhHBRc1Q==","shasum":"4185dfbe452f65fd0d7bc03bc6569cd5948bcd3b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.55addb8c.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMDVJCRA9TVsSAnZWagAAIBoQAKOYGJMH+Hen5PdJtCmm\nUxOlgrAI1BtIsAL5zSvRVzxj8Ey2ii2HFWNv3vQ+Q4YFjfsmUtwvLaL0UdtG\npCfPS3cr6mFhwJaJNaEyq7xp9t9xvShVTRLDKAufPVytn+gQV+KfV1mv9Q8f\n+b0gBMhbiJJkpRnVeTjbFlE9j9y3J3x0cLtvjQfLQRLDfmU1T3TYdoPY3zma\nsusbDNGUwe3eEKdF8ii/7+jo8EPW15MEKNKtSonJCcr5dyfMLlb4CszG8HSW\ncSMdVdav80iBRJBMf3Nol7TPz1V9abnEnkMoNfFulDFuT2DBMadO/TRJWhMW\nkMQGeGr3INje75Egz8PKltGyIAYQ1x0bMAwh7Egefd81Y4Ns28GSo/8ZM86/\nRpHoFfKmPb/tpnOUZOjuX8hp1Vehvd2IsDHkSiNOoJCNXvmbIgtR3hx2pNU+\nRNgvdMOgZUmbzfQCi2S1mjNYb9/YiCyvNDlfxmqMeEoUxb0PTUaob8CO//YI\nBjndxL+5Qr2+ENVrOcaW2SKod7bmcOIy3gCyN5UQBqMm6ng2eicaPkNPvNCG\nhQCra7LMVsvJgPh2s5IeT7eH9fVI5W2klLyAA210HsIVxPKQzsrA90FiFcJY\nk+U1INhEh17oATIWxtDL2UWVD8xtYDB5ep/dm6OLW8PBt8rKOjljPWl1rKHZ\n5nt0\r\n=DHTZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAgBGmX5/1wOyqOUqpmbz6ozUh8w0/3vHmXdccoCyfDmAiA0sLBFOgDyE9lp0+e4iwxW3PEIdgDAMp2MLVGj2+jJVg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.55addb8c.0_1613772105457_0.9974810542181649"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.85dd5e9b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.85dd5e9b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.85dd5e9b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a723fb0b68d5c0ab6eb13c066a9c255b58d1e19f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a723fb0b68d5c0ab6eb13c066a9c255b58d1e19f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a723fb0b68d5c0ab6eb13c066a9c255b58d1e19f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a723fb0b68d5c0ab6eb13c066a9c255b58d1e19f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-tQBu/Rxp9b76mhbB1zrUeeUthUiTKKv8AHkstfrMplpihdKkibDSWYO0mtKg4bEkz0LnmuB2jb8KqTExLuZx7g==","shasum":"3abab229d11f3acd12e42ae6bbb00a31acc30121","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.85dd5e9b.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNGYECRA9TVsSAnZWagAAOd8P/1zhgUQk+tfgjOAK8LGg\ncIjfyRNT6FVxkycb/rX1+mtswx1z6/CMtQbhT7rpG2ZBz0FeORpuTAKLIfoG\nDa41G9eO/yMBzUM3kYf1K404Nre3EhT2AVROLrC5Zw72X2NJH/29NDaVGorZ\niEgbIZAOxIzA6VdT5CRmsK+ZyqabsL9zTQQ3SySrhY1qgpMks8UWlclwJJ50\nMXJ6j20xwWKnGt3GOqxzRzXNURWmK8V6PrNo51PDLIx8KAFv+Kh8op/g6y1j\n1JJDpvbTqrFv/38OV2g8R5xeyDplMyzbbro6DjaRCcKeP2ZGGjesuHhxli1e\nyuPExcVlI/J5KEBDFRY0d6LK8AD0+VLNZ1mIjVxhbmXvxgfQb/M75256XYtE\nUGKshhk16TLnT+jgHwVuK3qrRNP2VHwf97e8ZMNBCHk+PXizSv8iNsu3agS1\nvsYmQzHWxpZM/Vrbkd2skRFeiJbQTfPlYYoUE/szrFLlQEGnkLnMa286zpPH\nXuBw+LgYsnxv27qWHubba4GybQOQ6bxYH5t8N+wyDeHtfu95tRUPDh64p8vs\nUFt4hT3IeUfcOyiXURvt/sS+phjpMEpsPkbMfycAC3TKjLhFEDaFq1J7GoIm\nQ02e/+cDVd7kW/iAx00et/5/9Vr26GyzK316CCc7TctvE9o7MHXwj9Kd+thk\n4E8S\r\n=2Sl0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvH8nJq4pO5CdTuGQmVLT2fQuNFBx0nOtdE3L/pBj4YAIhALgBr5LhodtZX5jdQ7J/DZBsM7GphZExCuN8gT3kG9WY"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.85dd5e9b.0_1614046723799_0.4991245179381709"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.aa3e078e.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.aa3e078e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.aa3e078e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2acbbc6ed6d9f649621ee54e8265c9d26c49f634/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2acbbc6ed6d9f649621ee54e8265c9d26c49f634/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2acbbc6ed6d9f649621ee54e8265c9d26c49f634/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2acbbc6ed6d9f649621ee54e8265c9d26c49f634/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-M4ANnoB4NMZRlCOwcksKqu2NZjf+slM41cV7r5ojSrJrbRiOjt3Fdmlc+iLlY5pL55UXeEPF7XO4Sh4MIVXdOQ==","shasum":"cac95c4d2457cb88a7e572e8038cd13e375b000b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.aa3e078e.0.tgz","fileCount":16,"unpackedSize":52219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNTflCRA9TVsSAnZWagAAyRwP/0AGwBx61vIXfW89czht\nxx/BMwYBTQau+QQoTInhpfM07ZHxjyaaXlh8DNEASRbR8x47khukKXtLY5Rh\n5nZyZeovhz7C1b9fm8AkzkustKB6i/R+p44OvQTWVhaizOqB6LfNtjoOQWra\nsHr6ek8qkO+0/57f7geecjb8noX6hWiPud/N4ksMMtHqy1VL7rT9mhZlsOuk\nfhMTJvKuFtjroUA8pbvzmfSEhn/arpdWGUgjrlb1LcMVArWBYu33fsuFPw2O\nbGOVztdY3RwXPvXab+Z0k7tJLV65J4NnOLmFcDFj/siLK3Sn3d+ruZsPZHoP\nnWQuU46CxQNL8+9elja4kQF1B1jIW469QGoCFOkRaSS3I+19qvMxjxvUTols\n+8X+3jmeYHg7v64LtNR6m6fRtWadLMTGEOB7+U1ssDzPYwRamYo+J9USCPTP\n1D0ks5ucMhiBhfuWfwsL/UVIZ8bKDuOi4vvWh4r2PW8zozX7FsFD9EXDqAch\n3LweNx4ybACRfT3GbMhCFGuhYffSmCbjJZljXKds7sZzgWVKdGw+X2rpvNgQ\nmgzE0mznH6zzrAaQKkYPvOT/dbpwGSIA0ZIOXNumw5sf0DX+SBSaqPoPdq+K\nU/Xt6tXmu8bM86vgTx1RqeweW/dVrHt6W4mZsNPBWsDxlAyR/9KB9Yj8Ls2I\nYjHz\r\n=5Fg6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6iQyh0DAh60gecP7ZIrIpcrFoSooVkyLwHNVUsaaPnwIgG96n+3S6fg0D2SieQ8XMSeE/q8W7Tm6OmPis1wal0Ks="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.aa3e078e.0_1614100452615_0.11322615229621635"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.dccd254e.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.dccd254e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.dccd254e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c3011f1d9328f6405596f794c28c98485d9d40b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c3011f1d9328f6405596f794c28c98485d9d40b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c3011f1d9328f6405596f794c28c98485d9d40b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c3011f1d9328f6405596f794c28c98485d9d40b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-yCh3dCQjt+Va1I+LXVYSN4ntk7C8rkbYTK4P+S6y/NhRPOFlqmNgCC5QrArGxDLcVtBVbwLpHYAFaiNdh7XN4Q==","shasum":"53be67b8c37043dddd1243b29764344ac3836a41","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.dccd254e.0.tgz","fileCount":16,"unpackedSize":52279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOWOTCRA9TVsSAnZWagAAT8YP/1yWu/olwwn6L/5tuJUd\nKBwefTKCSLXpAFpw1rLkdvkMlW+W/4d2xs8pcjPKCgzJavY8bswVYt/o9qXe\nFY9bOlFXqMnS2uZDQ0WMzNJg348kzuM4cLnXlwkY2NH1gbqndR4LCXSIrLSV\nvLncUynaWZjCsCgwPSP/Rek6J7Y8VJjGpZoUttC1CMIHabyQYyP/zkQaLs7D\nDwEjmkMmv4wPNPEnrp3Au9n8pu6VYpcnytNOxJL+5mB8HtJAeOiexYBJPigh\n6MHmJeYTyvHCodMa4AGamNyjEjpyB128lXPrH2RQAtpL6xQQTIr1rfGallLq\nWArqEgBJa0cbqjRmK8SVSnIIJb6QXmD+1Ro40iyVlk8BNEucax3IHCb6C1nr\nxh66oRMhUQ6v3BQxJEsxoqHYz0g9vQK4dco7pX4r8Yp+EuSbCEWn74gTgyGR\ntKlsjr/gzVOCjzUX8HppzljkTOeATPQ//xH2IaaNOL2RLuZuLdkWO9BmaODQ\na9lnfj+JOKB33mzveos9dKmtIPJoTF2AMGXdoirF29Z5dkhqlbsSRx2kx3Sp\nuYeIkUxREe/60vN9IvvC4eF0RFYVD/YcqmScyfwzugEBC3RTprzp8jNqBMxJ\nHuqj67W4A903NrwYQlc4y01wHNu56BcQbrauxgPE68/eNLW++asjEvr2vhoo\nfNoY\r\n=6vzg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHvlhw57zwOTwMhYKGmjE9+7f/1vHbwmglmxCrdJbd4FAiEAgKSNKRKTz4PzoU8uvB7FK2DU8tAMpocqkybg0PKAXbc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.dccd254e.0_1614373779379_0.3769546980111216"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7dd1a27d.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.7dd1a27d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.7dd1a27d.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/15fa381ead1eb4897aa006da0f445765fa9a037b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/15fa381ead1eb4897aa006da0f445765fa9a037b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/15fa381ead1eb4897aa006da0f445765fa9a037b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/15fa381ead1eb4897aa006da0f445765fa9a037b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-WsL9+4z+tpRAR0B91GN5F4D53SnpxzI41Opp37TYvDVe7zz+aENizskfOnnv/QDaZwNJy/hKlkY+wmzr1goFmg==","shasum":"f8f3935fffea3331d16ce076ce002090b1e151f1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.7dd1a27d.0.tgz","fileCount":16,"unpackedSize":52279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPWQGCRA9TVsSAnZWagAA73kP/j0FQrY0uJkwEUuu6H9k\nL/r8kZvLyIgyCaYX+v/Y6aUTMxyIzHgnTfrcm5KR0236RDJaH3YvPtIWl/w7\n5eEQMj3+iPtOqWU7tFLU9hG+CRQ7N82sPuHzJthvoSTkIYkZqsXk4E5OndS7\n3eTrA7xvdYvlUmUvzZDMaSSvQXur17Fr/KEs4/++v5mIAJ8l3Bt1gh6RHFTF\n7H8/ySaFLpImFLTviWrgiEZR9Yq19UuVV2I+rFQSA/0k6WHygn12S2iD06KE\n33mSz+01xN5lUmyRwT66QbdoGUThbvC4y99tTMtNNF8vLK47SWWzXQSERxgk\noHQmpB22d/FerYZI2dN5rG4po3cS8VowGyHYqNPyDY6f2NaZK1/6r3Juj3t4\n1lD3rIiPn/1RMCpLINEpbXjzKglNc501GAfoabw/GkPpP8IEow2D42G+Ol9u\nW4MFRO2UQsFrqOTBGDMiZ1Eff/C8rM+HqpPAidG3opgmVCjg4EuBqKxUJE/T\njDhGxBr2oQaxvtmflfo9vVf7wO4p8dEezc5BZHcF8NyLOWh3mhR2cZIOVqsN\neuHvsj4cPBZS18G9BAK9aXFydjhoTM34745RyU4J7WUOBZ2nCGKY+NeIEMFb\nYhVshOO4DjHdmP19y2LaTkY2uttTAwLolSzNLwrGYkaE0OVjDop7V2+ef1xD\nZ4hY\r\n=61CP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFrOj0Gla0URUPVoLIaYtsFoi0xk/w+OGJXLF/ZRnDAzAiEAq/EoCzuChlggou+9viPTDPSMq3LX9VX7MojjjLaoBEo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.7dd1a27d.0_1614636037970_0.594356806968644"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.12574572.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.12574572.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.12574572.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/043d9159945b812192eb864b33d16f892831b4d9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/043d9159945b812192eb864b33d16f892831b4d9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/043d9159945b812192eb864b33d16f892831b4d9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/043d9159945b812192eb864b33d16f892831b4d9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-N6noPzq5iHraVclYf4DjQpXkvdx5dWOjPqAPCLPiH5d/pwctcywQJEUUN2O8F98Rjq2+8XkpxryOeVa49svLew==","shasum":"da75351da377461f77d8879bfefa21243b91b792","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.12574572.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPqAHCRA9TVsSAnZWagAA3icP/0kzqBCq5F2MMMWxSK/v\nhvizNLdpKLE/f3/8yXuDYoy3tuDoBUW3oxBTVRMw/nIPZmW6gDDMuxNjAFX+\n00i/MdjGBoI7CwxoxBziFTPbn3uQE8YSwQNHgmgJYBtOjjSkgVsc8qLy9j5v\n/KBqJh5mNxUTv/QDsI7dZk++0VuNd9EMjIpOokuECtvuWts04GLvtip0eTpz\nqSMjjNSliZfck1T8ArWj/rdMr5aP5AFWogVoyYfaaQq/cWYZECSy91EWelxA\ni8c8RFBQdycRq5rSm0W156VjBcBEnk8jABYKxl0w8C7Gy4i7OH3TUgSoKDFp\nR/vEH8aqvwPPTlzKp6XeLsQzdYGf/iJ6kxubEnmbQkwFsupvxX8aIZydcznc\npzIvMbipwbOEbAMPeiBPTp0nE7jdJmALwpy4JO9YUnqyNZdJnVBuLUu+SPiu\nt5e7TI5a/+T+SImbP9DSzN1HOew2xBp4G8dmoYW1FhYGcsann9WsrY8RlFbE\nEBsVF0Yeb2OSpC9sdvKTkl6Umm4MDpVCaSkn24EXBsYe77qEqmoYun9bATBn\n1vM1xV97Z1Gbs+RCTgJJSmIHJrPv3h2mbVHkPJG/kUYOAqccdlj8dpaJRGAn\n1jgGNQm6TwX4p/VylATuuJBzXUwGmmNxMPIt9GwiQ7ZKhcMhY9G+dPzTJVqc\nobc6\r\n=ufTB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBDOvpcbs9sYSGCvl/MKRmUIPGQeH+IDhzmnIGuCwDHAAiEA5LlHW74DkiXbVzVDPQ085H18RKJYtT634jcNMn4hRNA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.12574572.0_1614716934643_0.22995132177732036"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.1109a3d3.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.1109a3d3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.1109a3d3.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8cdd512cc62bfc703a1cc766d67d04509e4e0c08/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8cdd512cc62bfc703a1cc766d67d04509e4e0c08/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8cdd512cc62bfc703a1cc766d67d04509e4e0c08/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8cdd512cc62bfc703a1cc766d67d04509e4e0c08/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-1F3DYlKvprI10ZWQjNEou1rsVOIDtt58dYcTe+imGLAtk2VrjQ6gCACAKVpnDxxfkpCIrLrQKM9b6oC3U6jsWw==","shasum":"ef029fcf28d4d4d2ab0f72188f92e319939020c9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.1109a3d3.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPqEiCRA9TVsSAnZWagAA9vwP/0XKDWeO/BLmXQp4rRUG\nT6lxctDhQDA7LwSwkAcdKhLw6YNgj/yko9o6eYHy6h0ldARPFyQnYlbML1sG\np60q3LyB+AOjFDwvyE+nH5Ft+MhwS8FEXU/lyKMgs+AFwfg0ZrwWL5kpn45P\nPcoqrNQcrx+yTp5uKjGhBnD+lWhLQHVQnhIW+ibiFFLdU2tlXKG9T1q9Y8Ia\nEN1W97LImbBLkCHGbxq02Th29pFc26te449vu4/1p+KP7uq4mY7VGSMI3t5W\nxXNS69d3skeXjRkxGWfhiousZy6DhocyyMCvDBMzIIYjnCMTKqkO38niDHoO\nBxXl2dn+H4LwnmZ8cZ7zbDDlUcK3GX+82SjK8jUzZ2Lp5m3otLTBtUJt9htM\nn85B4DibHRBk0hGQ9Umd8TMQtUAfzZ9MgEBRGgDF9Yl7Yu6IldJvF2gr+eiD\n5QC6k3sRRDUNwOOZGBk6Ov36l3kAubxO1OU3WTKc+05YxkKAIxS0Ngo6hYxd\nOliJWLgxzLNEnEb/1ed6BKyVQ4N+D1Z47FKqCPzC6/X78NWwoNuMY+NCp8od\nr6h7bNeRyxCiHsE9enVGyBd5TG9+bzb+TMtB70x9+A80LmbmcAPYQTbcw2jp\nP0CpNBhSj4LUv2cFKm73gn/ojFgbHdL91+S+QeUNzw22Q4uGc5UTHMB06Edi\ng3u1\r\n=9DNz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcFex2/sXlmtv9K/b7ZqpMKv8HBbYWBHaZNUIO2BiVKgIhAOB1iHk2MUdBISmGcM6jG/Li2s4xJdAyieEAkYg6IaOa"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.1109a3d3.0_1614717218535_0.6589063141742051"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b9cd8739.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b9cd8739.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.b9cd8739.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89fe0448abab4c371af17b2866ec736d9ebd8cae/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89fe0448abab4c371af17b2866ec736d9ebd8cae/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89fe0448abab4c371af17b2866ec736d9ebd8cae/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89fe0448abab4c371af17b2866ec736d9ebd8cae/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-BHfwtPse5tKd4N131T6nP9frw99wX3w4x8oxIvuQCM8MhfV2dfxW9wwlITWJ2a9bYZ47WUJG/b+Vjh05H0BzSw==","shasum":"d4550f14b0e04af15a5b8e6c3b3c79f78ce6d288","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b9cd8739.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP8thCRA9TVsSAnZWagAA/pgQAKE0c5cpuSjgGZa2Cyc6\ngMpztYERJmc80Ev0BPdCfIvhAinVko4c5SqUOT0lkrz+RRYeS2aCwFXpg34Q\nipvPbj8g0EoBD/LE1JKuN2bqTyLto3jiWwVtiqLorEzJpIcrV8zPFTl47wAP\nxTVT997uTVM6V5mncK9RX7ybAZ6x4kjzV7KCj1RjoVZ75gHVgay2uT7ogT7C\nXJ5Hmb9LhWxKUMT5q1nWzmUNbDh7uckDPIINMcaHWMe2qJyQ8dd96S2Zbyn9\n3JigWL09LSb8kCSyfjJwgn+UdgxJysFRyGtY4MiemTSpa75XjFFYNHzJVi/S\n3hRHTgusTIxso9y8C9ZSkQfY+DIH3sK9jYd7oiNnrmaOelKYJb1sPWD3cnWn\n9bYoMFB5AEZUNIm+wnDiAYOwtbFKCFWTlQVyKXUi/I/zmzeyANhNXwjRkQBs\n68t8rpELKfBq/N+St7L20IwynU9pgZnbAGWuPrJMQ0i32+is2qm8ipqhliTT\nZ4WxoUHTqNEh+NFhLKmXrMPIKRafIrSrFe3qX7wqaNI1Z7AJaWFD0/lKA1WE\nSYjqs6UeTUXnEG8eFgSg2xODF2Lohgwaogx0g174WzaAuWlvkhCvlhg/3bDU\nIrh98WUaqeSnj6AWuTMKmQQjJIe3jRpBLOT/3jpO7gVNHV4yTsgXk6j1mbQM\nCw82\r\n=hDEi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiun1fN0J44qPjOb3bHlr5dFiacbKGb0G8uLmj0e3/VwIgEmZzyomMrUob/NQb86I/llMx9MYY2KM9hOaBKvJC+VU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b9cd8739.0_1614793563576_0.3613360263565888"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.71ee796a.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.71ee796a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.0b4a4b2eb.0","@material/mwc-base":"0.21.0-canary.71ee796a.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d989f6470cdcdd144c7021a4eb0ea47e63945cc7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d989f6470cdcdd144c7021a4eb0ea47e63945cc7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d989f6470cdcdd144c7021a4eb0ea47e63945cc7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d989f6470cdcdd144c7021a4eb0ea47e63945cc7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DqdL89zfaw2vHoAIWfRt3CVqlvkkb3tUSJ7al4AX6LWOAX9AjTjrTFbzmnW+aVySZzRBKQllqSxikLg7Q81i5Q==","shasum":"b4ee55efe5ab5d835e63452ebfedbb5a68e11f16","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.71ee796a.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP+0uCRA9TVsSAnZWagAAVXMQAIwnSzBv0Xa9B461VyTb\npixQkKNtYFwI/EFYBhJUjfPU4dBlcq0tDZm256hlvFAI8JSCCt3d15pRBsN7\neKCeWXWLVyJMCYgStQPk3N2JeBt0Ca8de1dJ2ZdMONvxXC55NlVlvl2V5F0K\nWQTvDM9DcOzJAbgtoW4yR7rz0TzMJVh/YJW9+Vx6Y0tm/7jjv9C9Dz2zBGP7\npRiaQZ5dpBKvZYqn7QDVxAHvQt3tIQJU/cS7pC45aps4GuE6U2Q0oenZSqed\nMSy2uLllyZlO/7iVSnnI5yvcGWjfpmU5cd7oB8YxEy/zHjDFgKJ4vrkG9ouD\nGa/XE9826U8iuNlZwMwupyuhgxsvJlu1VUP9tapbl4C1RXChJ6u/9PNpRLip\n/OSRhXPeQQPA506nK+lAZu7QJcn7fje8pAIOYMUZ6S9E0hstwes6V1PqriZb\nbhYPACH5qTZDGXLN2TPucDUKlptD2LQj8AW2rA2Y5m9JV6g+jhDrrGsc93/V\nkCJZvQfkbYKp2UzlPUSHiZqtEmh4ZuBYiizih/MxP7aovG05anpWzv3C63jE\nDhEQChYPMBS9Q0NHet9xHzOy9rc428883auDDahIwzYrF/PBDHbMkHZlhdKn\n9/3cImsoaAGAYKxSg9Qtl9HjwEhWxC1wiFGTOqGNkVf7zbFCxhAUiRwZfsD4\nPGiS\r\n=dwhK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDED/clrbtN/lXXYDcIXK/q4rlThv0s6cZwPWak4OHR6QIgWhsr2fYb+U0IVlU+Yp5+QDBehq2EyDOtzL80QASG7SE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.71ee796a.0_1614802221814_0.6121493600184593"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2be191ed.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.2be191ed.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.c7d98fcde.0","@material/mwc-base":"0.21.0-canary.2be191ed.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e273563187c689092eb053c50fd9b94385380fb8/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e273563187c689092eb053c50fd9b94385380fb8/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e273563187c689092eb053c50fd9b94385380fb8/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e273563187c689092eb053c50fd9b94385380fb8/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-+oqxxVpImh92QNntaMmQcaTciXS1jTeMgHswuTZMo+gxSFTsL1g5SUatQrPbVqI2UCnqfV+AmSVlYTMPNuFSQQ==","shasum":"68606968581798b4a99154193627711273dbddbf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.2be191ed.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQAS+CRA9TVsSAnZWagAAk0gP/iSReRL5KNsURtA0DehU\no+Rn3r0sGHweS7OE4nmgqGRb5zZZZAVQHkVDxooBVZKyOcVLYHCW9beGHXDo\nSAgo0aipnSqYqznqaLgQbu4rEEbOyKmLAuai9rXY62cgE2XZlUO4oVQ6vJyW\nr1pnGtz1LrGyBuxsYn2hyENQ4LDD5yQqPkktheEplGMtdYMgWbmTf6D1v8mZ\nsDAMZIAscqUE3iajR9JG3hQmqAz2A2qECn82e9eKbtl4ZenmQsbW/IkNihST\nkkZZMwQRk+LLh6Q/iDzbs3vTVnZg4aNEkl5JACnl3Y4WQQNM4Mx6WzN+CRTd\naNWvJUBTFrFvaec72YPn9cPNMVb0iamIuaxslqonwVZzvFAYslg+vtuQ0HT1\ncjsBzcNpdi/jwoGmehG76JkHqtoGGcoO4bTX1nRpNKl++RAF7JocLZQk4szI\n4bK1zptyEMPL0ibx78PL4nq4Vka9u0tPkdZPkiQtQKtCaU1G0jjllJfb0O4c\neoiJTOgZIgEhWajgd7XDLwR9sJsWcpklANnKv1g0+qHwRSdI7Z4yQefn3hXG\nUGKQchXlmaQrj666yhU08/OP52m8IVGFlBuERPWifo4miwAW85PDOjOq4rj0\nRgXMeAPMkHIBFzsh5WDR9hoQlMerZcojq5smPC4ptql6zZ4TppbPveI5eH6X\nXSMh\r\n=GXny\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDE8JBhPpiFZHN6UKzsHInTyp1KaUBEWIIzUGUFDXoSHgIgP1HZcSus3gszZOdEFjCFsSiV23cNOyTHtT6K6kkVKDU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.2be191ed.0_1614808254300_0.11241249468536729"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.6dc7b06f.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.6dc7b06f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.c7d98fcde.0","@material/mwc-base":"0.21.0-canary.6dc7b06f.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a8a072daac91e9fc841e2f6cacc0fb753ada76a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a8a072daac91e9fc841e2f6cacc0fb753ada76a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a8a072daac91e9fc841e2f6cacc0fb753ada76a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9a8a072daac91e9fc841e2f6cacc0fb753ada76a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-/to9NMVwO3ABx7mFv5BtwUvJEkG9wB2LjPf/Kq99IiWNgqmfxskaghxsj65QyWJ7kfwflVouoBZqpmwKCGiHnw==","shasum":"1b693464f95f022358f74fde37f5250504f3036f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.6dc7b06f.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQXmPCRA9TVsSAnZWagAAmqIP/RATTL7hl0B6cDcNJ1Ex\n1A+/SNNYDVWxwGH9FicvU01/EKqWmKrjeo9+qE65abQ8RfIdbJcLc3xpVv7g\nx6pa2QtHWkcq+2m3e+670/a3Wj6UFhlR8+/Xwa3a3OfbdyTvG+FzPsIN8v+w\nqtT5X8izAtGJlB+2sKyWoTy92nylq2/ejs0B0pu3DXkkZnRl51ODOcxd7cNO\nuv7XDDtvJxfJLC85mIN1Td4jp6Fa8NF/3+3UrUqyEoVxZvYVICO3omEZNU2b\nx24g2YUef/bKpoxnFOYhh8gmEzSEXOhiuKSIFh74Cv0W1itx32AzCJS+/ZGK\ntquEyu8+wJi5F3UgpNGBCVStJfKqhV5flJM1VPE9YOLDsO8qjTy1+3L1/x3E\n14Z2apj/OHzjfDKY5xshQalqQZzI/npmCjTJBMAWRzKZrgv3xty+Deb4s7oV\nVZfSCvOE+39cWRiX14LxeYX0kQvgCPCIo++imZMdmDPsDzKqZO+NwStaZmyl\nkBPhOPSGWSJjZXIuZAqo3vYoY0sKBRHwYOFYr+GJLIYaDOb5hT6LN9wZaRLz\nbihUuQFUQd501+fu/e06h+DCWtN1WDRVxMy8tNI5DhkYP3R+VXg54jj17QfV\nxqbPONpVWbqElb6URU8iPgpOnBWmYNAxYcm73n5wKM8RQYvJEPxI9T+2Hu2b\nCm2Q\r\n=jbqr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDE5zFa0A4xqFSL5DuyO4y0wZsgcBrz57QIRH0at+woywIgJ1CSl/i+X09oADEu69LPDLF1JG1lLOV/aAxCNGcwdMA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.6dc7b06f.0_1614903695121_0.5377836704035948"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.24fe7ba6.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.24fe7ba6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.c7d98fcde.0","@material/mwc-base":"0.21.0-canary.24fe7ba6.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d87a6c320af38bd078f91bc9ea457c0e21cea9cd/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d87a6c320af38bd078f91bc9ea457c0e21cea9cd/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d87a6c320af38bd078f91bc9ea457c0e21cea9cd/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d87a6c320af38bd078f91bc9ea457c0e21cea9cd/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-NbbFSZBU7uULfR8lo3GxD+58+E7NK+SUrGbWl7sdia4VTobXu0FJD/da9miwepw76PA8UziwjbA9sGYejD8Jfw==","shasum":"293a08c29fb5223660fddf936af549ecd720e0d7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.24fe7ba6.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQmnMCRA9TVsSAnZWagAA7loP/0Ij2SGvuZLsH/ypaTuR\ny9HD7nR/5NH3YWOW367zY3LpnIhBACbqUs6ddp5e+jbXE0Vy90cHFzYxwE7a\np1870cUj0LqnePX44RFgecpv+DAKEulM3YTxGg/Ro9OXqPLIxMbAq+/6jzM2\nKEM9PTyClINPkmRe3VNB90U8OER7UexfQCqvqfOv77EJQwkkYKOjbyFCI/Fv\nfEs/rYqQGMNBFiNZOuAWh9FAV0L/CBaDgy7HQcp+Vlwo8gmaO0aPolNBwQi8\nFUR1kpuD6RBDzb5TauT37o/UFQ10ARuCBBUw8yOetvmul/eO9h7tmGXNZeQn\nPOiWgDVFut6awxAADVYn3Xmnc09KxIQOwTchlIUcb3YUPJztFbTU2XgpA+rH\n47wFR2YS5ruPsHPP+SfNimHYIR0Wi2ST/f+KNVDSAqJMSEot93bJSZ3zqvF9\n6yFkzeiQZLLvvyZhLKs2py4Y919TC5e4iUJBkKDv8Y9X8dwHFITY5aBy7Oh7\nwWv4F2iOcaOBEenDGCXYft2FNl9deVhscYlE/dWAZQoGMMiQhtuTbQNK2+xA\nTnwVtZoJDcGF2XENGLFSyG/F0HeK79bn1y8xiv5QaIzv1/ze2zGEAu7Mnst4\ngUmmi5J0zFMh0nW+lsIpptdZI54Q5iQ/DbnSMZrShSqz+uaYPG/NSdsJMOwd\nMjEo\r\n=+WvF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVBMCBA90ZbiXLEhgKyEmoffRqECWs8lfgmaM3u241aQIgd5m87/FKuXERaUuWJ3HSqGbFsJl17aQn0m0AXuyMtw0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.24fe7ba6.0_1614965196358_0.3783844238913576"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.12c477d1.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.12c477d1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.c7d98fcde.0","@material/mwc-base":"0.21.0-canary.12c477d1.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ea7731f325b77f7ec93ac77e442625ecf14e7f25/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ea7731f325b77f7ec93ac77e442625ecf14e7f25/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ea7731f325b77f7ec93ac77e442625ecf14e7f25/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ea7731f325b77f7ec93ac77e442625ecf14e7f25/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-3TEIu3s2huIRtWK9oLgVPDvR00ccEf0mY/+wSwv/O4bvFs3tlU10SFxw9qmYN1fwfI8uLrgPXoYLgDezJsb1Qw==","shasum":"503d9c5230b8dc137e60ddc6e1d087f07331a574","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.12c477d1.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRqPGCRA9TVsSAnZWagAAi10P/2P0IqE27Sijksf//HTE\nmyX9rJsUBWCPtNWoXggp7Vil3/PW1XTk83C6eUSxELkS9Fyz2iq5DMK2yTg3\n2HeD1SiKmeWhD1k27j0l+xiiTMiIWpZochTqHKjuUZoaCUJNU++KPxxymNmG\n7WSPu2saNjgk/2LyKGqwV0bDif/GvMGng0LkkvsBFq3F617yx3HBvdjfwbsA\nHWQXz9pBDWtisfcDRzVR85LHJzYcqxK46Be3wkaUxgpLhsWRVVW6BW/BcVsI\nCOGkjPg+lu+4pxhx2MAlCpV7i5+Gpj6Mg05ARShQqhH3VBXpVyb8cF/Vkuhf\njKbMumfKzVuCmhG32MdZ7mfEGdev+UPAvVWxHXwA4wNfamxB+ggYjxnduteW\n3/cRaTfVTjMdROy7WRQ8g8NfG68xlivCbkfWsm2l88enuThco+tt1Ya+q4qi\nWmuM0+aquwt/Ge7w2rnTGKaovpM4UtplEy0zgiGd6Lybo1V1kpdhYv9Z14fD\nBSd6M1JNXFHEh57S0h2uDZnCEmKy3+wkAPc3gWTQzPKICGYB5NYL7XSdMKNw\npkSVJLL+q90Py/agxWh8/3wGT+jH96bzdN5NI1Tgaayf2KdEoY24GwJIDUaV\nuAclgrWg6BwaGKSDKRvPbYWo1dRj37joYCniBufsg2lJNgWaqwNh/fK/yKrr\nXL7z\r\n=BmIV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCj4czTzN1wCFxtNs4sgFMK0B865pMCXFuLPjN7Y0yONgIgSlpmQlKTK/pOPkYGHneHUwJbB7VEyYJBoZXJ2qPUSY8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.12c477d1.0_1615242182511_0.19405170828603868"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4c38f801.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.4c38f801.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.c7d98fcde.0","@material/mwc-base":"0.21.0-canary.4c38f801.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2f19e904d6306b3a12d41b0158ca0c3fc34362db/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2f19e904d6306b3a12d41b0158ca0c3fc34362db/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2f19e904d6306b3a12d41b0158ca0c3fc34362db/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2f19e904d6306b3a12d41b0158ca0c3fc34362db/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-VgKmWlT1LmKIA1KIt8vL0y1fusotF3BmMz0waGOeWCGA3VcJapM4HASLnsLSKH8HLIO/k6PIriO7OPVBP9GjJA==","shasum":"aee250ca7062c1be4550420d288c3200971e2c43","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.4c38f801.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRrISCRA9TVsSAnZWagAAB0gP/AwGk/Q20sEr+MLa8mjc\ni7gpVpYQHa+t0Jp2VVF7gSdKo+mRzAnmY711qO+rRj6WVSWNl+RUEvruOpfU\nHG63hVHMhmZtmZj+PRe0xxlGCuoNq/YnLRqrHguqxqcLMs1nP/3L3d507EHT\nyPvXhKEB4zO1mexy9vLMCH0ff7P32i4oEmn2xlaAyWnmqjVClZDU7Bm7FIvh\nFMxWBMV97fk0kJMaSnxvDvJF54A8XvdAOhEfd5VpBQp4E9BzXFsYZ9BHnFG9\naScni3AGyi1+PZxXUuPCKyw/0JN34zDSp3e6QLuDNKTPj8wfTsqY6+idMEii\nEz9ztUyqa+t9xOF/j//unpI5ji1IvnuZHalxY4aqFF4dcp/ilo+BHs4EZg24\nIs+/PEMTx3GxaRMNFlThj41Po+FTh17ofSktCUjfbF+jiSj6sPdOrPgwSS3m\n2/pov0FHJJIBUy1GPoscmXfuyGQ82nnQPkBCyvQQwA4kRxEPCGjSQ+FyGK7K\nWhuzdM3390yc3tSgqGRzgL7Eb4q3xPonsoxW3PpkxSrCW2W3mDrpJM8ecoKC\ndboQ+xN2u0JVdQRHFxIRzasDsrF43mLtHfKPDO5mjhCfBhTGEhXTTumEentu\n5kUhXIYI3mVZx7/iP67o0KqTTaEfe3i52mVoeVHrgbu5kISanuE5Dkjdxu9j\nSk2d\r\n=qEn8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBhecdbDpxaeRZ87i8OrQBk+gL89uw/EHlTP+PJiOxcAiA4g/M61q01AyK1yKCAqH/cuiWnC03cFyLRuqHqkOAQvQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.4c38f801.0_1615245841579_0.13746394073574097"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.8795b83f.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.8795b83f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.c7d98fcde.0","@material/mwc-base":"0.21.0-canary.8795b83f.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3e75af3d23a6f47c66e86d2168ac672364726c5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3e75af3d23a6f47c66e86d2168ac672364726c5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3e75af3d23a6f47c66e86d2168ac672364726c5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3e75af3d23a6f47c66e86d2168ac672364726c5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Uqp6L8FIZCea77HNnQZUfzGZwrFTnOZbD8zNOoduhDbCpumKYuhPAjlG8hr+LawA6dvhNyE+VjYXDQOKJgO4ow==","shasum":"2be804157386aa2057065d5e40cbd532a32e3159","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.8795b83f.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgR730CRA9TVsSAnZWagAAsxsQAIRXUw10OkM+z05fz556\nOsRjuvpkhm0hvwf0XxHxD1S/wz36BTRDLucTB4I5eTU1ltJ5YF2gTRhvSmv/\ncs4vjrd6FMOU+lKrZq/9Dd8RxGlRhwHYRxaU5vTuhk0+NtMhky9yc3yBDFZr\nsEs0/MAupZG9pIFyrkR2ZlM4Pfio6U1tMPhSuSg4YgI07nCozUG07tNdL+Fq\n+j3Wy6v6jRDFxF0dySsAk8A+GPGTH9gcGqOCiZ4Auay7suZ6pYKI+s1lUf8A\naOk4wSnXatCHeE+YArwrUBM+oKZ0//4HaRYhOtniRTgsFCWbzpaXx/IQyxA0\n+za/2OCtHifELHWicxAUQ9NOLQc4U6gHAmgkMQ0ko3UnxJhIle3WOG64nFNB\nZ6ZcYgsHT9USd4yhSO2RHvL3pCdZRLqJm2kT8cyY2PprLTFYCUPisEfhDyGN\nOm4OZgimT6hRpom0VYWn2QcTpCm9acTKc1z9unX+THWU8XdsfD9AYZEQM/cV\nivMHtvzGb7n9mWDGPlDB1pKyKSxIQ9su3D8wUTmNbmklEPyi2kUKPRZFQB8Y\niTKmdGCPAQAhGc4yNqkecFUcDLEd5B1txtUHQ4/4SpY+c4RF4V0yPD5neFXS\nA/qLyjYOIPHL7r910aAE+hWOxgya4Eq/TGwK34+dNTTkwF7yWzbRhd2C5PHt\nlCf5\r\n=kFQo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFu9nGqvS5ptDIWj+HQDWoVXAD3QdzQ7SBy9y+gf1iHZAiAwqlBV8ZXuCZHp3qvzI7RKyKmuszeUdB5UEW6asPc3Rw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.8795b83f.0_1615314420145_0.18149601942665883"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.12b84cb7.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.12b84cb7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.7522dcaca.0","@material/mwc-base":"0.21.0-canary.12b84cb7.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f49d8bf5098f7acbc51aaf3dbc6880cbd46a2e8/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f49d8bf5098f7acbc51aaf3dbc6880cbd46a2e8/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f49d8bf5098f7acbc51aaf3dbc6880cbd46a2e8/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f49d8bf5098f7acbc51aaf3dbc6880cbd46a2e8/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-msTMyhPbD9ngh6aE8lr242gBMmsyA9i2ETLBIIs9Ha7PwnJ2ytwAbm6LQSIZ2IUnq1oJ2qd3pIQZ9nlIRROOIg==","shasum":"10e7ba70d9f2cd3c7ed707932fc328f64a2d7752","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.12b84cb7.0.tgz","fileCount":16,"unpackedSize":52297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSBWGCRA9TVsSAnZWagAAmNAP/1nOhmjkV+ZRF82m+wNK\nvnzHL8ivfe222ypyyCIlMY9EEvLZ6iIy6/SXvbAvKXX/gVHEVN2MNqVULiIB\n3heFnpb9rDOL6wSBC4PlhsZOaEqB0HuVHRkbR7kzPXcPh8p+4I3pHogSJS81\nNprV41Su+vzoL43ZC3eq0ONqy7tuW85mlntPOKUNVCJpkiYjGFwa6U/BG9Wo\nxkD3ctyWhnnXTShTTjU8dJ1IjhkCSp4w6zZHxZaEcgoFdIQjVWa/dUdu/TYK\nmgNXpXI/p/RtAtcFXr86fxrQKLYJPRJidgKJNs+AUjzIvEsLo7plG1D1kmDq\nLbXKs8cn/A8tB+UWTp90016B5qAz752AFpQ3zyGLu9VJLmBCVpxM3zyTC89N\n+tLV2RUDrNH4xniQ1KJ/FyxQrTEIcz6dGDJfP/R5PqWr2aV6kMfcRK7KqSim\nOgspF3awLXZ2T0/wRjibWTewrvxYrBcfdewWOmiKUoWrnUtw16Y2hWb5vlB1\nHfwhycoZ6dYuPJPsdRdpyd/QB0CJzz4X7i6s9jGbqMi2nO3TZe6t45/t9q7L\nzElhP39H8HKm5RxmIVIk7I9785RxoLOIyNsx6HzpCFOlQiaNLRLtiFZd/kxj\nKmVQ6u+/OE+oK1fVNmxhvOCnLRE3XseXApp7HN8SsfgSQfl96chwsycuoiEc\nWtG2\r\n=mXV2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDNWBd/UJhrYMtdEGxEvVa/AxVJGRyKRqVKzAZU9WAu3AiEA2NB1WUqbMRNgRiw7cJaV74InezCGQnYJFXOenKQtQO0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.12b84cb7.0_1615336838354_0.5706724884086829"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.6ac6784b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.6ac6784b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.7522dcaca.0","@material/mwc-base":"0.21.0-canary.6ac6784b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c60d8f8df8e8260f94f9e15fccf93afc356b0634/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c60d8f8df8e8260f94f9e15fccf93afc356b0634/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c60d8f8df8e8260f94f9e15fccf93afc356b0634/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c60d8f8df8e8260f94f9e15fccf93afc356b0634/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nCDPz1tAdAJagc0T3bPTCM5WW3QDHkFza3MbkcgoHXEUWh7gChuDLr6czgR9hqV3vAUHP/NNF0KV7dApg6CWIA==","shasum":"aeea68999b574bbc09df1f052caaa9102a21446d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.6ac6784b.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSBfeCRA9TVsSAnZWagAAOBYP/1zaE4/D4+oW++LrjjI7\nx1OL5nZ2MOi8s7t0zgB1rCDsKM6XG2vut8mIxmSo9QkYQTfZOgOGbhAzcfZx\nSqCjqkyKS8e4cfXypbt/arwWKQFwnROPmWVGDdeVLSXZzanr0w2MZTLyiH+/\nl/gS9FNUvhSCzERvtq4wmg4u3CUiI2gnRwyeiyREacXmEjTYTkF5rP/ks3fU\nOYLbRaZAVN6YlD192fcEWcqDq5+t4KYFn9vFt7q4YPKe4r3VlDKK41UC/Q/Q\nFqzilq0PBk+h8izAYgGAfGF6oFVVdjjSq+CC2jlkMYfh6YbCT7jPe/nnyDC5\nSGYiMWecUFQ/DbpNNrpEvPqCAq2NldKlwAQ862FwUFYen0eF8pYnGgLoU9+3\nesGcKLcYIQqipSJObzFW+JGszKatsWfL9am7M7I0s0K5hD6E+4sis1RuC1xh\npBuzOW7NZ5rqSngaB8jJV9r7nrf+7nKbNLR5t2u5xPdC+EqpjHpNyNh5bwPG\nDz2pth3Ay8Vye4RbY4YqSKmztfGwF7lmn4fs0Sf+GHVYd5XfbykhaBjXVqJk\nmnLxp9WYFw6BsQwaaYHytK19o127WlwlaAn3EtSpMTGxbOLg3tey5DzdiCFj\njwzPENXORN2maJwRPXeTeOcMc3JfaTyZ3JTMCcwBv9Wd32pULeIaff8kQ8tf\ngt4V\r\n=ix4E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC1AF+aa+cLZGkdS8JZC2mdjaXazROKHA5/tLqQXimi9AiBVguNvB+5/ozXibxMjcv1u/4/yAHv7DTR/GvkrIgibGQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.6ac6784b.0_1615337438250_0.27847378085099694"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b6d92934.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b6d92934.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.b6d92934.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/82c48b7f335ed9103a3bbcd062d3163b1eb661a1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/82c48b7f335ed9103a3bbcd062d3163b1eb661a1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/82c48b7f335ed9103a3bbcd062d3163b1eb661a1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/82c48b7f335ed9103a3bbcd062d3163b1eb661a1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-tm8GW0xIPUbvfABQXejJ935OnUosPzFEcQSfYypJSjdx0dgZiSqfx7Vy0N/Q6wIz4NzwzO0w1lBmeiOBnSMqJQ==","shasum":"76d69f266bc9090b2b748a2b4e28c72057f9ad46","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b6d92934.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSUF2CRA9TVsSAnZWagAAdnIP/0CUvr82u0oPdrft4kBk\nydHI/DzlaiPXRV9/17+BmsnJhrpjxV4CcevmvhQJJtIVn0JExis04p//cRua\nQy1ehEl2wEuYs1nJ2mLsovL7m6UpmYuSohzRhm4YV+FJpCMq5U7WtbATBTcB\nS4IqGfMqU27gKsBXb+/VBi+CcqoIutPNZsluW3eJIVUrUmFB98OvzxtEyuSA\nK4vX2SV17TzNPu4aoZjgartoit2P++Yh45GHabzCSh4E3mfEIvbYbDG3gH+k\nGKOxkiYvmlvE+HijqsHGH1al3NAaIKUhe1IOijT8zlHPj2DAa4GitYOu6uNt\nmN3cEylYnfwFq2ASlEyWdgBwHkD/+PS40PO8LN+mzsCsI+Wk3ZZgf9HMChAE\no39D8S3jGK3Nkef0o1hz57LzkLk4Vvo7M2Mqkz1pVFIncRZwIGo6rHw3MOqn\nTjnlTb2h1Z3PuSzyOQtcl19UBZmo7gayxhWEQYPQ6sPnuaPP5BDtJJQj+ff7\nSH8ns72N7D8jxo7490yXJu7iiPN83+L4Hr4IAtfq35LxaEv4eYpaMa9lee4l\n6Ttu6+zusafOzgOU4uRXQVKWSMRtu3c6WZafQ0IV6T/CGg2ON99kp0q91i9L\nRCDTlxDSocn5GVqerjpWJ31lb0gwRhiTR2K7Lh9x6p5GscMKrC6U4JHFeB7R\ncNqE\r\n=3YMo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWGe7FkFWD7A/3c/vo3xChJH7OCmhtxDkYX0o1oBfPZgIgOZm89X7NQxY98pfReRye/m6H6QqCMaHeAk850S07UEI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b6d92934.0_1615413622075_0.2453466122040271"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.99a55b9e.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.99a55b9e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.99a55b9e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8b0d740e8ff12f180cf11caa9a264f3dda6542f7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8b0d740e8ff12f180cf11caa9a264f3dda6542f7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8b0d740e8ff12f180cf11caa9a264f3dda6542f7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8b0d740e8ff12f180cf11caa9a264f3dda6542f7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-huGrPAAJPd+YAH1CnLJyvWd6aUqpINEGOgvddGTsZBFhAvbkee/SmZa0Wx0SjtLml5qYSdSMJqLWV9u2POfcRA==","shasum":"68dad9c17cc9a85907ae0939662b1ba50a38525e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.99a55b9e.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSU1hCRA9TVsSAnZWagAArV4QAJ2u5r+UDPOBYy85AyOX\nDBBhjWdG5FRr+/cqSkob/ulyT3/iJrgJPqHER/Aks39x1/bw4gSTPKDFd5Af\nxQg7efS4xzrXuyYvn8d+ADXhzcO/jpcCZlLGhi0WJjnTX/mHRt8t1kJ/x+vT\nEnxJnK55TJXr5X2/0alnFM5nj6g/Rr1PaC2aUup8bEQ5vR6ZzsrTXIPMCunF\nkm9poxinfz+KXIXN/ZwSShXu/T/3NZSXRk16vvMtv0NoXGH8N9BCTHPa8qMC\nvepoa78DLACLeBmcc1b2vfJrrh4bI8CTiXUG5MUHxHBAkSINo+/kPcPbCJ33\n3bxpvdtUGfYlFBgPoiUueJPZ7BbWjub++zUMc2M+qg6AiTO6yMIRhwiLGLW4\noeiSPAcsjM6sT2ZBRYNmw91JIR4C7HIeRMoV/6yx1cUUfzbYNDygvASrbEjB\nlEvQ39mNRAA5RKUW3tWCVZEfkkLPXuVVLUP3M3nnfWA9fPaIfKbV2VMhGy3J\nhf7Ha4ukGTUe9CX+gmWDXdbI51fkYCO9uglDoW/U/QDoJT9wUAPT7cVQCZj+\nniojn4Dgj7GGjdWZm945iKGnY6DghN/OOoYT6BE3wgxntDPbQMcN2h6hGUAf\nu2POamkWeIhP6VyKjxUg/nrnl6a8inmcpL/gNoByBmgoI6nnuzl/qjfERpC5\nn8Kw\r\n=5xV2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAyCPAk8tqGdfoQ1rZ1Fv0cBWa2wMswFoZyyW7vZIdxPAiAz4wh3x6d2xVLC68bGg6OaF4i9wzb5VhSf+jIkz13UDw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.99a55b9e.0_1615416672784_0.44990179839760747"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.bb14efb7.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.bb14efb7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.bb14efb7.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/00644005f58173e15c7e271bc9c226535d1bbbc7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/00644005f58173e15c7e271bc9c226535d1bbbc7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/00644005f58173e15c7e271bc9c226535d1bbbc7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/00644005f58173e15c7e271bc9c226535d1bbbc7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5xSA86guvV/ZgYj59cDFFA5dKlyP6X8zEcs/mo7cHp5fj+aEJxS9JrIweVa7ZwTp4GKEQrynhDlji5qu+4V0uQ==","shasum":"1b46983a3c79c921260c1d3669d4fdd4bf2ef012","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.bb14efb7.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSVgOCRA9TVsSAnZWagAA2uQQAJKnGYETgr5mw2pwx5hy\n/j2YWVP4FQAXOE8hTEQ4PlYtaoJ+nX8LJPSca5+0bfVx92gCfbLVOhNS0NzP\nFL2tfpowsdMBVeHv9m2G8LXgYS1PBG3kmnrnF1ZyGk2RaoE58s8UEpNpEsiL\nsGh0rAY4VDznsGAFdUzCVfZJOa2z7WdsUA9Lne6lNGze3kJ6Fn35Xn/FPQqB\nk8rs0FVTsgaol6O5ur1t0Dlhn4DrhfggoTRgM6TL3So8GULj0OZzLKtk6jk4\n+s/WPPTTnjKAXIRtY2DVKlPc/2xbQyMX72i8TGpjne8UNnEB3s8Qj4aMRnp8\nfNjn9xEDPM/fe2NheueD9QkM0gBb6mNr1AnwKtRay88doMtiA89y8jpqVohv\nwSlvNLn0gUKCqlWDxtUyKfpqL8IngkIFZ8PHuSQTuUR/912ZaR4hARj42CFt\n3FVv1iaz+wol+FGvaYVAwetkylPIlmWc5JjZIwfQcgoGeFxUNnTzCwvH4giX\ncfUljpSiR00enReIUG7aZbZpRSkqh72CSKxTTOYHrkyP3OMzPkyeBG4/q8wT\nwAYkDq6+jZks3K0am4ZAJ83J2pnPRUidEcsUHTxw0wThDfgMbTBDgGChdEQc\n6PiBVFvAaxgF7B+ex/PvVQvlIAxypXkoEk6qVOeT9siEt08+0scm4qAj2LfY\nUWo7\r\n=PI2r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJ2UtRVg+p2GjgqZ4UkTKuUFQleCrQddYTvAY5arx6wgIhAN4F7dc5qeHuiz25zeJGdpNaSI2W8j+ofF9PjJXn+66A"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.bb14efb7.0_1615419405763_0.3069132559331258"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9ecf3bdd.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.9ecf3bdd.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.9ecf3bdd.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/536269b5f421223a32dd73271ba878cee3e04ec0/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/536269b5f421223a32dd73271ba878cee3e04ec0/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/536269b5f421223a32dd73271ba878cee3e04ec0/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/536269b5f421223a32dd73271ba878cee3e04ec0/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-T2+JekglbYoMVyJFPEZ7rkL5nbR5rZxInc+hU0PMCKrfbRIFEu3sNkVrbsmCBsKdvpz+0VVNTDl0v+YQo7RVDQ==","shasum":"c1c63a6fd44a83ebfb9ef30f1b4c199ca6e12383","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.9ecf3bdd.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSWLWCRA9TVsSAnZWagAAFCcQAJLPFY14S30VkvNeHwml\nlMH7S1aLQdyxFuOodmZpRc+dfaGazdBh04ejURmaLBxnwMqyfP3+zuqTDV6f\nWfIYJKfoOqCWz1kRg7YyaZBl8glg2ftdB7tCgoBzpJdkvwnwL6+8/JkukV5j\n2MyNEsMtjHYCWyIZFeIN+0UEVaxaHsVPLC4upLvykr8YYygvGjBxY8bWLpzF\nBovH6A7GKPLlZHMylYqmzK1YqDavzZGSLs5GuILIFuuEa/AqLaE/XqYLtQBa\ni+wj4kohig+4uj655wMBxdfdUp0UQlVj+LFbPzDra9ON+mOlB57NhTSi19Ok\n4jcnNgVRo20WnUQhPhZ8QHobMNRx8l7vIwHUrSlhQsELxLxF0BWiESHg9mSf\nh1WHQo7j6W+6RGXXVTLEY2es4Z+QTIUurKzTRhantkdOrCgWH7fvpO/87MTg\nJh++iDygHFqQjPuh5ZZHf8FpWu3uC2pvCgbxQsUBVfLaYRJexVjZn8uFax74\n5rwXDabwDPC1R0GF77ouYwoIybkQHnutOcT1CK0nBb5RU5TYHCBnVKdbMpUX\nrLJXksvipUMgFBFy98OjQFuhs9GccnFxKZFMWNEjWVnlekMi9UJgF5GZ4WEc\nqX0Mvz1K76VR13jKvIyjcCIj7lWDuPHDfeU93Mm94LU9CV/MPwW/gGqXqxXJ\nPnD6\r\n=X2I0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBPVUM/wclALPL5RyGqLvy47OSMThr9W5LWKe73hIdVVAiBccXMT9igFufR6NKcWmkFBUXKNsqd3UOSRB8FlfvzYJg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.9ecf3bdd.0_1615422165723_0.04499806419833852"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7c0e02fd.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.7c0e02fd.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.7c0e02fd.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96acba80bdfa05054613c4753b3c0211e2ac7a76/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96acba80bdfa05054613c4753b3c0211e2ac7a76/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96acba80bdfa05054613c4753b3c0211e2ac7a76/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96acba80bdfa05054613c4753b3c0211e2ac7a76/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-kAb1c/eIJp7IghF7tuBw3m7iROs0O5dtfOafphvW6mgkz2ceSgIx1LKl0Wjvu5brONQWHbzhLDc8+GACKfnOnA==","shasum":"ad39f25356f2804e39c2c2f7ce14ea6a37ef7d47","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.7c0e02fd.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSXZkCRA9TVsSAnZWagAAoI0P/ipNluG90OhKLdr4webD\n6u3Pe8Tuz9wBPbLsSd+8h3jilALvmoP2maHOkuLQpnrPgwFtnBUZttbEUTgh\nE3StUTM1Axvhbe9lTADvLdZzbA8koiYHKWnSSyIKY7mgHCLsRpEAW5aFHvYV\nfTSx4PiKbIi2AFRKvJVBGep2upifBrthgzj87+bKiWOZF4Mmx0rPFkvRuIU6\nh1vWwRhZ8BdscZ/rG0SrspjAjB3ZN1Ll4taNS4Q735gTLNC/yWm9CvJrT5RZ\n3z8+WOpS0ngLSk66agN4XpKgxVo7jywIef8hQS3fvVz0FklKnI9+uVawSKXm\nRzCGfsMO8rPEaDE6HIhFGC0yBUsyNkg6zplGP8TwqyBLS2cPfSIin3Ts1FMD\nS0TUQ0/qWJZ6XPZywmuRM/lnFj8PQJ11oiV1Jk5ekhZqMNPoRrfk8vdbj/lo\nGdeddreTTW2v3h4Ywz3k5h4a/A1eY2KYx0LbUZlP2gLWPmjuX8E8p4qHNAm6\nwOphldElodqlhzMULn9RDoNGNuBzE/ZlCYFWKPhfX/b6rF58skL/qTedvUyR\nff2fEIZU6tn/ytkhajMtMUahj+nA0mZDcPALI36s45IlnzFhmuBKdlq3m2uI\nizkLvVDC9nYNBREocsfq/duIlXAb8miHka0OPx28Keee44zuLgxNE1/O5Vrp\nFw21\r\n=7rmL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3aLw3B5P3XFFsADYDqYwuHAiFr9FdVVw4nVCLf7nn6QIgIrqIFr54mruUy0LsiUg0SwgQkcBudlGFGvvKrZQxzfA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.7c0e02fd.0_1615427171571_0.3104332678248132"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2d6d59cc.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.2d6d59cc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.2d6d59cc.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52ad91ef80e9719962d213826d84928a37cf809b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52ad91ef80e9719962d213826d84928a37cf809b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52ad91ef80e9719962d213826d84928a37cf809b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/52ad91ef80e9719962d213826d84928a37cf809b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-lcpbPmUcuThizToPI6nCL7GdfHtWPAlkCvO1J7LBzDKgxjZiXLPa7cBjJu3JaVrX5PWZdheNF2HsrZtDdPMKHQ==","shasum":"702bba255a0472129979aecaaa0a2691fad8d8ec","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.2d6d59cc.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSmFeCRA9TVsSAnZWagAAPvwP/RuewFdzcV8LpGXx8/wZ\neYGf0CS5AXDiMB1rgP9TU5oCEwnrsZZEXsx6hhNtUhvBk6zhoGAhGBjgyieK\nYd7nh8d8ndXfqX24OLtGWnc2PnJ2NOl4ZntGpzkGUqNm3f0A5BBolGOMWYfU\n39bjn6ccxD4Fx/jTH3EQZD37Lx/2Z75OL44zDGKG3yGY6Sq9DV7B5zhmkDCT\nWBt4de8E5eO17YxT7X0nInUWW6a/qos06FBew69pSdEdH3u/tN6X7hx/FkF8\nnRjobsIY3vTUvVO5Bq5+9DngLDqcuB0F/bSurMOxM3r0r7JFrN4SDUax7LCt\nRF1tr0vwaNyCtvQ/4AWJho7PS69vAI4JDTPdiDJutt2SZeiY3jEgAHO4n97r\nBw61/pAZhyjM9KNOv3BWgiwIaAkQbgxAp9Qk9dFJPwRNqLUkoIoSVy80SKl5\n4w1AFNz/37+OKmizyCkXqiXlH7sYh8ikpo+0DXdY6u4Yi9kiEjzL5nPmnnFY\na5BkTdpk14D/4RCShkxEzS7icH4RsKKZR81PRuLw6n+9HSIh+ZWEho04Y/s2\nX9byDCDP/vTSAAFUzsAUMxppioM/ZKaio5+8ldRdf/ShkvbiCBq+QT5zeU8f\nXkfuLB5tGVUN1EV9ZTwrx5+U6HcHOE4RzEpdvlkVOwsMC2U7vjqGSn4OH0iN\ne3n8\r\n=QXTa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCz/SNb8sc7VHSIhyXIXiosx77qJoxeXRyWDPRS21/QxQIhAICzCuj8wiTPlmy3DdPDO7p3MTSFGHvX4hxqu89uH9Pt"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.2d6d59cc.0_1615487325863_0.935176537790962"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0138863c.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.0138863c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.0138863c.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/851518435241b4315820e91765f5b26a5537c63f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/851518435241b4315820e91765f5b26a5537c63f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/851518435241b4315820e91765f5b26a5537c63f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/851518435241b4315820e91765f5b26a5537c63f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-4fzcKbSSWvV8AkGG1uzJ132qjnsjl2cv/I9qKJCBch0WxC0oymXlrg1DZqjsEGT0kW0cdPofKuP7/WxJPPMRPQ==","shasum":"338365d031c99901f915a4a022b5b2099ab69520","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.0138863c.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSmMcCRA9TVsSAnZWagAAd8MP/j1QE+EZodB5vvXFPZev\nDuUpA/SB6GQ6680cnklWWdl0MH+0qrQV0YUc4alF6x/02//hODI00XgA559s\nxDSHXVyjSm45sSQHqqi+FZurUgRwOA+mISbtEIzE2whu1VMp+K03PWyFkO1Q\nqs7Q/IiCRCHtKhKow+VHRWHmSNdGIn9TqBaBS2a4l8PYpxIL+iMcIHcWum2E\nmbGY/qRiLfR6tqBdNtf4sGqWerEI0HBf0IidriV5PgtWmZdQcKXFNqHZ6N4m\non/RQjmSH8k2cI0tHGjipEh/c93ba4WFiPf4UfsXZqh2MYhXYt0L8IFhHmJJ\n1SFqKHEV3sCZVre88NpbaU5o68TI09m+sTfOWkD1VdTg6vQ7vbn1ulvrY8RE\nxZZfKiUUtruPHf2q1uxZdFsl6l/40X05ltNmqpbgfmQI5dVs5bm7GfJ2DHDs\necyk5pWrBUk+ZKB9eOBUBmB5930BsTiHmFWvMdBEjZqHlLnQyUuTTJP4fMtT\n5RjCXNQZuGB6nFQVy+B0wl9gcr8baHwXM43eS61JUuUiZ4rSHByG8sn/ev0i\n3k4stU6mhVu1JhCCJBveWfrcbNB+60xWVoYsAZlg4AOQbBN7NWY5c24U1W6b\nQ8fkcahy2I46ewb46+KWdSKowcO/mVPhxBv85IVPjO9USeOoQGCRDAfnnWHC\n5s00\r\n=CzPj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFI2G1zCfj3XixxInme2y4BXCcedQx+cosIuuanpjJG+AiEAr207GkRj4W4S2Oo1csWRBsF/WLPcQsLtQvPI3aRkQ9A="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.0138863c.0_1615487772184_0.17487961530107277"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.926f5bad.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.926f5bad.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.59010b6dc.0","@material/mwc-base":"0.21.0-canary.926f5bad.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516a00bc24de904c4782b3d5f4f0d285b7fd1d3c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516a00bc24de904c4782b3d5f4f0d285b7fd1d3c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516a00bc24de904c4782b3d5f4f0d285b7fd1d3c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516a00bc24de904c4782b3d5f4f0d285b7fd1d3c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-2A4ahamMUEjhDRET7sgs7oJpm/xBS+4ijdpmvF7TLT3wOwznMVnO3tOz6TMEEKqndI/5iLLgk8scyYKBlNTZXA==","shasum":"69523466b73edc1de480bae9cc1db4c1bf83e80d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.926f5bad.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnsICRA9TVsSAnZWagAAtOQP/i/YLpmKzlJF8neLxx/8\nxeuhK+PFjPhDx562Otn8aik36p8DnalwEy46Z007X3pYdOTvEooLnoJ8OkK2\nMy+zPIj3EtrnVo0KZnY7o2TjIWvpuaKh40cCM2Y+e9jpU1ln5YjXUF1Gz2//\nvjxCaod2h1yk5FGwGcAxzhlB9pj8XQGFQdIH+Zl8oQJD5e7MEswp53vLi5/b\nIVMbwpo5rvBWIVVeVWc4cEKDSWJ4dDas3Lt3aD+BaERYSwG663VDMhg/hFoC\nEg5Zt2OEWeFyBdGQ2GC9y4wuOPM3R5+joT5O1V0xtQGU6ZCwlqMiXRIiET7g\n1x02FJtHmXZjaovwyTT8l9ViF1ohzZfN5aEcr4bul2e9DqusZzUpD/YY07pT\nOVEn0X3GE2L20+4rkYF+ZBR+E/IuNZFNNk4X0mX+qhsuu1uOHS6NCTy1lhTd\nST4mwL6uG72N6tlkE16lIxp91yfjhb+DSvjZHCvO0B31lkIxM9B+rXsh7bnw\nX0F1gEHvVIY+WI64XwlZNZNMFywMwjKpIVCbJkJCVMqOP8z47DhAfYu9t85g\nQ1LRWF1wGCPNElyBtiinJ5SUbtEKr0u+XoupJkIHqBWwvwqakMzY29F3M4/Z\nLabJHAThFLNSMu3i19F98x6ii9igsrQguhkSk1npFG4hMHZP2zY6VcTrOtDB\nOfef\r\n=lZTf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEWK699CPN5MY+RQqu28eLlOqaZDRDD4k2uqx90k5C6wIgH8QilIH3TQAVxeZUV1d8nzjzp9jNCapDM+EM176Cw9M="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.926f5bad.0_1615493896107_0.3638600202755504"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.520290a9.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.520290a9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.1e0653477.0","@material/mwc-base":"0.21.0-canary.520290a9.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9817154a83b0101256b341e18843332e354f6c08/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9817154a83b0101256b341e18843332e354f6c08/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9817154a83b0101256b341e18843332e354f6c08/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9817154a83b0101256b341e18843332e354f6c08/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-KMgIbk4E9fUldG+ep7dzfDoViWLNr9nG6rfEIu7o9wUki/Y2xqwettHCtV/WPvOv7WOorUZEFPA8tPkV4cnAlg==","shasum":"2fca52c0ea191b303d7f31b8d498bb4d47dbf93d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.520290a9.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSplRCRA9TVsSAnZWagAAP8AQAJmyuFCunKhYqXCnD2jd\nBN2CvNMTb2OiI+Lukif4GnDwkLt/39aJSCBmNFOJpjYCz8KfckFoq+XAHCjP\ncKYCP0VHBAs4QSU2stE6xCj4tNBCHuoCm3x02G62g2lJVSr6N46072I+dI0H\n6Rjeg2d8UtFB3/k9gZcNG7UqV1i8sdGIw8u8ooeoJYQ05NrASLcQK+mj+Zwx\nIl1Vf80ILp9CiHDP6amCqhFsND6vd2TSkQs9+MKyADDAMgoEe7nzyJLn9/+4\nBrWhpdVCjA97KpNSCHKluLFeKdhRRK2D4P4ggKiWLKWsnbWSAL08jybIUtRY\nXRFmnyLBSFumGbE2ctF4B97GqQoN8+k9lKrVVzsr7k/ALFxKzX27sqlDBVfh\nrXxIWR7EwekFKJvcZZGYN9XY5R3VtWwEPTMvSYg8VzCmVgMC3bApqSz1mUhp\n6zC2L7oZV0hnm/D5u1N7tOwzPnqPWzCP08MVYHwD5MwK8ZMWyLkPigTfiTUq\nG4CAlHuh6PastM8YfucIqw/pS68hWzs9eLAtqgunv0V0uDdkzcZN6vCBDIUq\nFnjAKX5qcrEm31NwKF3BvNKx+MA4nPJTqcLS3DQ8+NS6UrMTMahXGMqKy4r7\nAMuPf2ZAdAVfFsy2OXpEB6wKnNQhu6pJJhE/24D2T2/8h3PXzz+IJnwNBZft\nRj81\r\n=tokY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiQ55Mqz7lFsne47RoY7VDFLEmQNuomCHLsFDk5ZjDiQIhAOLKzv8ugjsbOSreUbZuwGRXzm4xMqNLWEgPTd9Tkdyd"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.520290a9.0_1615501648708_0.6337769794469144"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.9ec431d1.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.9ec431d1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.1e0653477.0","@material/mwc-base":"0.21.0-canary.9ec431d1.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7159bb385f7dc7e6077615de2e9bd441747fdc2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7159bb385f7dc7e6077615de2e9bd441747fdc2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7159bb385f7dc7e6077615de2e9bd441747fdc2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7159bb385f7dc7e6077615de2e9bd441747fdc2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-7pyyglnDDWq880/Ilnls5NOA6aLzY3FTrDoRHSU9Dk/z/eSrUL7wZr0pj4GE3dn1zH/3yO9rwlQf4gC8uK+b3Q==","shasum":"de55e17979c6a0df65e38ddae457fc4da98341a7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.9ec431d1.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSppTCRA9TVsSAnZWagAAhb4QAJaud0mwpe7Rh4fEHWW8\nQPaQzX5zdU9rMcgQSr7MCle0YnNIS3zBo1cUOq3iHBOmnCNRVTR1SZX0M4YJ\nv86qtxDPbz/2hn2JC69tBcPjX+bD1ALcU3tCBfOGPQRxyWfitfsJbv49HqIg\nGqEF138dnpHD6FIQUZOBJnbiQR9OxAtoSBiEaWVeUBLS7yLVtQjBqlqqGpU/\nCGZJUwCHF8gWG8KA+E0S8+T77qcHoGhfNrYJD1JH8Y82V5hrIiMqSmXNPY9Y\njkzErQG02uqUR3xvwrE9c1ezUE+1WnSgMv8uBqJOBGCsIIbk3ED7mqgtCt2R\n6r9lOMpiXTqTQHIo0l8fCusI9o8YS8DynE3TtZphrdhoMIj3qgkQgeVGN1h2\ng768dc12cPNss4bHPZ/7u4YpzTdafAQLSetdvgDMC6k3UfHKy7Fo55qh0OSB\ngs+FeBc7v0znTDXUOIDhUYJV1mm+7PRxFOQbo8dG0+vTS8n+aT3TpXprUqSS\n0cDnIeV9i+AzQseF2kncsK6XkbNFXrETjbJcEs6ngNjNQgCB1Lbdi/MfHpU9\nEGNT42TTwyxRXPnRQrwSPmdu0LYL5p/feTKf3iaX24YXitcIxrXeu8zRe8Xh\ngOxPNkaCkagK8OL3MtAnsLMODOGFRBO/enZkHhTMfzJ5gHm/RG7v/jQo4zka\nH3/t\r\n=QkZ/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwEnytc0FfFxdMEjNgPY7hR5kkCwV+ugTJeNICndJf/wIhAPxOz1CcFAYgI93PvPD2sgqhMmPVSUgrUWvMEo+tzVF3"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.9ec431d1.0_1615501906991_0.6633131443245017"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4246c082.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.4246c082.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.1e0653477.0","@material/mwc-base":"0.21.0-canary.4246c082.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/571cad0df3b7d77ca4f17d7248d6115fb50b756b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/571cad0df3b7d77ca4f17d7248d6115fb50b756b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/571cad0df3b7d77ca4f17d7248d6115fb50b756b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/571cad0df3b7d77ca4f17d7248d6115fb50b756b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-dZnNA8bqcS6Mr8obFBoPAUnROOHNaYayAPDU9BeB//0kIBlhneBEp0F1ArhyKuQFNPJQuTqPIiKaXER18TRngQ==","shasum":"20320baee263a62f5dc838fab373420434929dc8","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.4246c082.0.tgz","fileCount":16,"unpackedSize":52187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSpv8CRA9TVsSAnZWagAADTYP/AsSUmi9xLuQ306G92Hr\nWDvHUXUk9SpA1RCUeBFJmeHvgyNprYlVO00sgnelsabZYLi3DUf/shtS23Fz\nBmlEejKo9wxDiLHr6vZMqxGXnWVNhNwZpcg5NHjOS7YMk05ZHp+mmYXVM4K3\nhurUiCS5q+gUu98lY7JFCuMpkxZQSw6ph1qeYN2YZqMALJ76JEo3JTgsQrEL\nOkaR9eNzzhcMxZCf7YtWLZB+3asxbkt/4sWqxcZB53YKW79dl9P3wqUD8HoG\nNIFAqblZqzreIXPKDSJdESGLfkeKqdTX3pmcEGLcJOr3M/JfUPISFcAPsq9r\n95ZSnhI2CK6YFNoep9YZ0dgaUWxl654to120tpBdbN4Ta8O+8HK2BAaETROm\nVXoXRf6TH7r95xdvY02FJ4YcUIYBF5kOWGGC8cX7CrX387AoSmv2REIkJa2W\nNA8FWWTh2lC82wsunMnXm6ceemYG6ZP02x/KBqJOyziNUwoQBwr5jSM7gdxL\nob7gbA0o0JUzBYV3gOK4ePOs+Y1AA2cjzi+cU3E4QnEdT0i5a50E4ncnLT0A\nQdmwa8P5IQKi76WNTxSnt+P/cJV5RH1qNe5Sazcyag1SiWnHK/gEl4GyKY73\n0nxtKeGmBkCpsj3SOiee2Q9C+FK6Jd9LNVrpemlF4mYfAcE7autm8O1wDv5C\nxh2Y\r\n=eyTJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/0FFA6exWH1yB1/4D7g1eR/QN33cB4tR+BVCbMe9/+AIhALcuJ0g30S27P2P0hesYsNTgYJTJ++gLFKWP/eVuH8Uu"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.4246c082.0_1615502331673_0.010079678007307802"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.2d736253.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.2d736253.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.1e0653477.0","@material/mwc-base":"0.21.0-canary.2d736253.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d8c53039218a8da7cc5199162317802bf01f7a6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d8c53039218a8da7cc5199162317802bf01f7a6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d8c53039218a8da7cc5199162317802bf01f7a6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d8c53039218a8da7cc5199162317802bf01f7a6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-3L3SgzLfjXX5p2EOdxpwjScQMP+2B1ZtrSIiDCDvgkXwajbv2jLccSKO+Zmgr3U+qgjCASKvmNfzlwrvcRKXcw==","shasum":"4494656a7edd01e29fd5d048ec9b4b63643c0e87","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.2d736253.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT+EmCRA9TVsSAnZWagAABywP/iPaPKc9F+gvDrJwecm3\nqK0DE8rkz9U2twjS9NxXbjt3jZ17WloEeFQLCeCXNqQakmkAybR+bGZFHM4j\n3OxVCzRShJFTcTGKJJvDCs1L0HIfvj46BjwGm1vb6zCpXiX/NdNa7CWo37PZ\ne0jFgUlz3CQlT6PXzqTwlKfLdzgkN2rd+TTVjXr8N1px8DME8phQjBnEaoTy\ntF7JrGqmy9nik2AjyeIwWiKuIZeQNZ0cY0l+N1/NCw/QhFVkJYOchzZFIg+u\nso3gkHZo1MTgYnAhE3ASqQaKOqaCNLT3vUj6bDJbVE/82XtlZGeHQeaZNM+u\nfXTFF6C4W5dYnEANNV9+z8fiKPRjcNUOGS+GUht6+Vx7M9iQ2mZGxc47j0ke\n37elRJPp7o0L/qUtaIcwB4gRt+ObPgo9pUlMgd1UNm6Uz1jrOI3m5P3ICD0I\nBl+0R1ZYKkMDuT5zUxhgizpSo6jlXYmhLvIj8KvgJjkZqH30o0kIgiPVy5u7\nx8sBVNhqJJwQ+5KBlcwY0FwpCJ2UPdvTiLIz+n+JGZV5zMRdzzGAgm1Z5otb\nKDHUWZ/u/iffaccpT4ib+qtKUlTxEUVoKq5FpwRzQ2w20eeGUZBd3TxYfB+q\nEGgZDgLv6l8GjhRYPFsuj1n0kEtRpO4gUe697XELdK3g82j43IxbB4RM3C8h\nCdPQ\r\n=Be9B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGIYjSBEitlEVvVzWPhnqtpwYON6bFMDPDcmOlkdwvAkAiAeOLQyAU6ACNgMjtpQl+ajR4VXVv3YtconKaLp38V6Yg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.2d736253.0_1615847717511_0.33631573362241474"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7033124d.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.7033124d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.73a227194.0","@material/mwc-base":"0.21.0-canary.7033124d.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7797af96dedeb3641f0889f0ae67bc02a1ff2332/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7797af96dedeb3641f0889f0ae67bc02a1ff2332/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7797af96dedeb3641f0889f0ae67bc02a1ff2332/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7797af96dedeb3641f0889f0ae67bc02a1ff2332/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CrakBxFMHz4bkqsnFlpuodFlZ1gVkFP/stw6Zz+7vWGEEbthg6cIayaVdleyeor6nWHk+hme2bNKLUvbVh9vpQ==","shasum":"89f893b341ff41957f09d8d3c533adad50a02fba","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.7033124d.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUPrNCRA9TVsSAnZWagAAmhcQAIlWXksoyvxZLmB3g7xO\n75xGIMcGxj8c877lb06LWrtGoJJ3f/ZZDFc5j3kk7Coj4rP3OdUviJkm9neX\nDZlhsvKfwNypcHz0z9GmsUtXUQWH+U8vaipC0wLmM+SIs5LFOXqLDSKYI/vQ\niiqvFcqUL6gD+S/FiAfxuguVlq0Y5H3yESQ5ikxdhMfO3kGyZXP+FGeyZzHb\n9uMvwOJBj4ZXWA+XjizS5b62wEq2WDYM5M6qU27sjj4JM5u41pgnupQTK+Po\nh3/hWPhOGMohS60K9TwWmRJz7gvCOaBHMhxNo9jMI1qAT2IA2bvrmWRwmRO4\nPjiKMPFQ0LX/VyrCC3OwMoUHMzQYzOiqlAmZatbJsRm9Qapb9JRl2K/AP/uO\nqezjJiLPhr5QYs3dwdcVeGqbdCpur914cPe7U+agroH0HuFa6WvO6AdFSxpR\n2QL1v/exWN9xoWgmcXlve4foF9KpLR1TwhkMD7J/wJdoQny5bjfNeqtLzlNk\nYfallczCm7UAYkFm4Wu2CmdFTHvJP7Kl99R6D3ZGts8Y4eGv/b0KGNL3sBPR\nExZgoCKqa6uxPHnz0k7zDkHVrb8HrHyr8ttDG9jbHYQpMpEFiolqwSxXKFoW\nyBKiSiu10V3TPO74w+4se9BslRzipSs+Xjdi6rem0BLuzFV6CvoM+HrcPTru\n++Al\r\n=POZi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADeq+UKG9B3F0NTBKlmpNcq+XGOdQJDY68zC79EqHWLAiBBecQcJB00AnRs/5UvYbECg+aldKiLvNOXQieTiO3BJQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.7033124d.0_1615919821094_0.731148430562109"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.6c0ee901.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.6c0ee901.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.73a227194.0","@material/mwc-base":"0.21.0-canary.6c0ee901.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7894da96b1452ae771bb3096b993e3f51ce8adc/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7894da96b1452ae771bb3096b993e3f51ce8adc/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7894da96b1452ae771bb3096b993e3f51ce8adc/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d7894da96b1452ae771bb3096b993e3f51ce8adc/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-schOnURKiEAlbiD0FhxpaP9FUmP9xlT/Z1Jc+ni+be2pFpImkxM4aJ75RcH6b1lgH7yPpl34j56PjcBkbLaJCw==","shasum":"e4b9e03e1efcdbdba97e40afd12c66d73757cfb9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.6c0ee901.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTNlCRA9TVsSAnZWagAAhM8P/3wIhgNERsNUEQERatG7\nb97/k4YTpHnLKlIXfyHZm02QiUgaECuu6ucmM/GOIbKYUC7NyOHWH1nL5SSD\nt5YIsmm6EXHqcJTnRMnPvH3Dg+IR24+Eo7B9E70QCjjqQNmpuAyB1Ih/BbgD\nzokt/zG31gF/zgk4m70m0x2dOCDaogUKH9JUCBwjP4gVV2WWds7hIp74U6qQ\nJ0zwBJVpJquaqyO5aA6IhBaLWfyGxKueIDreZ28NqLpiSGDEXA7EPwguztNk\nJOOcdm+UljhU81+ssdLNMHjDN8prddiVCyLqhkVeCdAnYNvSepri7yUCztPM\nnssmu5BM4/xKcnyurENBv8/HXD1A86zTPE95a/oTYlbccK+AG1I0iODi52CK\nglVX/mq/Osz9IM1cxufrYIzFJvkmQdR0ItyWFwfw1pUZIRirGNmNEXqvweya\nupQSemZhrON9389fFWQ9xehBh1qet/NYUedsq9uXFZ3QFtDunwwDUYQB0pgB\nQGZ9I/rXCSJorEOMmiOjQ5kNSqeTglwuUE7HOyQtbLKX9wDok8rsVII0GAK+\nvsYcG07KgQ+jMHL6GlSVnIx/ncp1ezNfL53WRJnqpF2IVwnj6Nzgi/KAETeT\nEjnpZG0xelRNLeL0+0Dy+EH2kitk7AXMk6fdK1m29nCNG3LPOwnn+IBTuXzV\nmRet\r\n=x1qO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCruwAMOL49FJv4aQlW1/ITMYA5smTOsbwabMk10tqD7gIgbHM4esUY1nR1k2ZWSjBUagiR6VLas7FMvqZZ7lWD+mo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.6c0ee901.0_1615934308631_0.5266037673175563"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.7f0d605e.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.7f0d605e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.941ca3b3c.0","@material/mwc-base":"0.21.0-canary.7f0d605e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/77ccd00da9f68d22de2494a2aa4f35b0da375669/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/77ccd00da9f68d22de2494a2aa4f35b0da375669/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/77ccd00da9f68d22de2494a2aa4f35b0da375669/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/77ccd00da9f68d22de2494a2aa4f35b0da375669/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-a7IiiVifEhqF0hy4Ksu5YGnIXjQgOfFVm6ndlzC5655Jfb+Yajyg9r4TJ878uzmb/II1BziyRAY4mKBT0WIs8g==","shasum":"29d3f72969d2e5d9a46ad43335a7e6c58453ed76","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.7f0d605e.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUkSSCRA9TVsSAnZWagAAkYwP/2o7oRN4D/OYU8gyYYm9\nK1kvSjWeZiXRvkC4wlodlQEZZaz6N5B4bmVRr9GD+LOmhkIBLviAmfN7cE+O\nB/6QpWCZpU+sbIn8S7pnc+RbhUc8HJ48A52Up9+eRMPObYmSTe86A3zUvUDh\nYM4JtbeV2FoOapKLBYq2VZ08lVqOwtM7ASFr7rvQ8Pb1DoUNlPwjD1qBtc18\nZhRyB7umb9EHdHgPoJAIkySR+/EPTTPSp6Oydf9ie+2BE5AHS2T+o5NOfncO\nRjQHfdFJPBcgIhfzePhiGgwudOvrs2JoHTZKBSXTs+u4u4LKbd+XZ+dQ2B1T\nIprRNXFS/h6ydSKYTo6+tiyvImjm5zw/SEyuwCfL+FQb4wgEs2+GwVKkey/h\n6+eikS6999DpNtujWSmg9gZfUtlUtnNb8414xW8hAn6roqiikoJhCDENkfFE\nqanPVUPo+1EuqAZ1qvLbmxDPWhw0u7kggWZYpmX0hxyiDqmUKwqqz5r8ll+x\naCrKw2mO83GVRUsneYxSbpnM7j9mYsN2aTikogcbXxpIugaWdY+zLrTN4B2S\nYd4nHUqi22Z7E1b31faBEj/TBVDlgZHt12uuCvPyBth4QH2lepz5ZAFh2gar\n7GGhtjrBf/8ycBvCC+uI6YB+kz/JSNsAcUmjNhYligj6QoKS2Nmv+8HEEbSO\ntMIz\r\n=KmBV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICh7OMbAKXbs3ydKcBLTdk8MHipdjwWj71sGejv9EJEYAiBB8dr7Vuv8yyjQR1sLggULnApTc0cZgORhyPIxPr5Xiw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.7f0d605e.0_1616004242209_0.6862295261067741"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.572107b5.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.572107b5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.941ca3b3c.0","@material/mwc-base":"0.21.0-canary.572107b5.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9399ecfdfc3b2f0153e16b3970555c1351c9ea81/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9399ecfdfc3b2f0153e16b3970555c1351c9ea81/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9399ecfdfc3b2f0153e16b3970555c1351c9ea81/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9399ecfdfc3b2f0153e16b3970555c1351c9ea81/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-vzpDMFl5f7x56ORMZDDJm6RHO5l2hq0Tis8FnJbNInfuRo1q6mE3I503PUgvDXYKlZ1keVp+ITwugi6iCrafmA==","shasum":"ab0e0b770773f182722af7bf010bc9f221379af5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.572107b5.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU+gLCRA9TVsSAnZWagAA8jIP/152MaLmWLPnqtVwbTBf\nJh06EPHgYKa1O/pK1sIMaHZ0ndSn8FM9hHzk86xtczRv7DahT/EaB6+4LR/C\nwX1+BKWnP55sdSjen7M71zs1kp6dSrlkPb4cp0SH+GURWZ74FaNFennQtejJ\nyzdC4FMqzcqNRMo4JG8+KiSlMAMStbMzseBZx8Oq0wiQ4C4MhMukrvenDcQc\nGXmrcWBHIAeA4UTrdZbCaW72mS3k3yQy0+P7sGtQB3y9/70sC4xD0KxIDVnV\nlazAfmn5SpbAvZR4RcWVSIzEx/AtQkjOMzkGUDfQWngdIBVY96iXEec8gW7u\noB2sq3TLcVWEaUEc/uuIjQgLi/bZgzinNTTYgJT5C9ntBYrQqX0wFcNNxffE\nmWV7TZZTZN1wsb5KzndM4e312WMya5rkGH/J6ZYsR9eYUdw9tgssr31Wm2T5\nrDcoAfROZVd+5bVvY+mtod4r5fJcPtJrkM3sfxaWhwLKhaxXPZScMBvQMssU\nSzUNNdOMpLTgJ4EqAIKVWmvGwRijLgit3E/J/7lTWGjkUv5DMSzNCaU18PXp\ncyS+vZ4y/8DstyRppIDXJFD/xrmNzR583oafR3QE2iJ0x15aYrz2FWrq5vMM\n4oYM798Mp+Bdi0hXcnnh/liUJ/pC8Q14yfDhGOBgAoOmjz+X6SQs1jRk7sTl\nosOX\r\n=FGQX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2j5F10b5jZ6KOfB4r5P31yues64clmjfqK2knllRD0gIhALI07UJYCnEyh2duesNkCBFu2s1+Cn8ttBbP3N7gPcvL"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.572107b5.0_1616111627510_0.7874177112500984"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b7b220b1.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b7b220b1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.941ca3b3c.0","@material/mwc-base":"0.21.0-canary.b7b220b1.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/23f87dc3afa9f7b0599f9673a9f27f15d9751f3a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/23f87dc3afa9f7b0599f9673a9f27f15d9751f3a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/23f87dc3afa9f7b0599f9673a9f27f15d9751f3a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/23f87dc3afa9f7b0599f9673a9f27f15d9751f3a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-eSKZTa+JwIWQG9B10tSihbBHx6wrg4qZETexmRA2SgvIcc5t4SuO+lztES1d5M1iPu4CdwBFwsBxbt8uV8mBdg==","shasum":"8f5c07897d3aac85e20a55fe1994e2c21c776e08","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b7b220b1.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU+4PCRA9TVsSAnZWagAAcUIP/iIYKmg/3Yu3gnkiYQC7\nqxZTJq3sq4y32Z59HkeFI75FRgjvUbUsYt9R4aFD4uvAzEeg4rFTG5wWRGOQ\niu3L0IpQVjwre6oC6au+Nhu74FDN5g9Ko0YcM7l2YYzvfg1YWYAS4WbtM7Dc\nQgbbtIKUqVeO6X2frytl1tWqVmyvVnv2cM6jmSY5Hi3YNvmdqcmQ6xszx744\n91BfG5a0xBYJrLRH8g1vJ5seqwDjKQa/12wvIlFMVkYjNU0drm0Rm4VIiRuB\n9NfApQ/uSZOwOVKztSV3J9dntT/TI4Q4zWOk1GTXQWE7jnpqyeJvMEhIxbsE\nZy8nBhwDzFeKSht96BnOE/PFRSSFWQdG70dZRzmR+5JtbS/Vb4g3LFrjCkVi\n3o7dh6Jgaiu3u55TH0zUiPvI9R3nkR/k8al4XN0fckumJGUNaKdAypOsBWat\n76a8emXh60TURGTTq5sN3L87eBcSDQZNNS74dfHBlOEv/GW4aDDjP/0Z/44v\nEW2P6lNMGDRk6rkiiVQ4ZamrGf/vZVK4udSA/fTSSHlIsPdWmzN+hGMlfcLD\n3bWLJU3OapkvXT8H3Z1rcVn9qaNBDXjKXyCvo9P19iCw2vC8qjunL0Ew5pIB\nF5gDgc7h70n9DI4BXIBLhDExtu3rfC3qEJqotzioahUOfkB2aQHm8IcRE0x5\nW00k\r\n=MSW7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAnVqsRXC+3o0K3wZC+TpreBRNER7D4/HW6Uv9/iVEWBAiEAibL6HDfFAvv7SYrBw5hJ9yDLsHLdaVW/OMpff11TM1I="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b7b220b1.0_1616113167269_0.7146417938133933"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.233b2de7.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.233b2de7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.941ca3b3c.0","@material/mwc-base":"0.21.0-canary.233b2de7.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6887e9dd977fe57d5199416b097952ea056e78c6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6887e9dd977fe57d5199416b097952ea056e78c6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6887e9dd977fe57d5199416b097952ea056e78c6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6887e9dd977fe57d5199416b097952ea056e78c6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Kyqi/BmL6absKYDKsrwmheNHo6hWjvUZYCIzB0SYx86MK/XDFmTXCS+IE4Hg82ULOtwMMRGqUk1+i9RMcsyEaQ==","shasum":"dbc78408f59794ce8887a6d189fb1cd60c800aa9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.233b2de7.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVO2DCRA9TVsSAnZWagAAUikP/3aRaPR6NWDLoqknSWwC\n5OsKaX0a/efdoQq4dfQJqoAyZREvHMYRyNx2Ad7nBQBjSrfLQhXFV99gJyy4\nWkJJJMTGYydL5pEREJ2C1CyTCOJxu0lxXqDF9bYMdVBHtivr1hqhhdg4+GOV\nP4DnlOAJClLKwaVEwSe7g6tv4VV+XwnZK3fiUD+rlWNsPEsuhAv/WojEGoRI\nNMvf/xcnt72WmkGSMwzHq5miZdkRP31pctUhXlPaqLxiUrddDgeDyVRxbQjb\nfIX5Yi2JpfnwH70DavGbzoLAJi74uV2BROGcldOWF12hGNPOD7/lNR8T9oC1\n26QmUG7nelDo96jFnMiOH2eX3DPYH2uprsr9+aA3YA1tQ9jfIPmWdjT9z0Eo\nIePM30OuDAlkdpKBimiUqm2FVDP3JFkDXeJU2C4e8dfVYjHLKYkO57PJnQDp\nHMIMWY12lf48oaVWlwVosqO6IY+cb15bJc1181koeLJBi+4HxPtvp7NWwlwG\nbIYlza4p2NsOfEcug77laNvXouAiJqsvmvx93q2U8BYU4roDKx95ixQBHxHE\nBQAEL2mTIcz+ui3fMz0LBOXs1QA4vaMOC19kUyGjmLXufdtZtmjRt/58f25S\n93l/MqzKF4XwbmtfnP8Rd1tfBfdfnpCViXVkeakkyaHCS87vKxlCf/mgZNVW\nzTkB\r\n=ya9n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCCU7uphJ2jI9oGUiAJmqBVPK9xBhXTJuTnyMYLoMwXwIgVTAWesoEjcxXIGJVIMA/mhjTSVMTu3aLQdeiPnQHaG8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.233b2de7.0_1616178562838_0.8181085871806246"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0c1a2d97.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.0c1a2d97.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.941ca3b3c.0","@material/mwc-base":"0.21.0-canary.0c1a2d97.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d341fb857369610d763723d28d8c9955cc461de4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d341fb857369610d763723d28d8c9955cc461de4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d341fb857369610d763723d28d8c9955cc461de4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d341fb857369610d763723d28d8c9955cc461de4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-QjNHZYnIPI/Gyt/kLAWpAU0WFrXkCyNxXZsTrqVC8qxuH8CDfa91rs4w4yCVrnLE/G5BCDoHyxBP6mMUcED2sQ==","shasum":"67167d06d3d20a6397273ba16dd4df3e75dedf54","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.0c1a2d97.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVRWqCRA9TVsSAnZWagAA0b4P/2opnre2uRRizZooaZKi\nEhldR4qq70V1NpxAjdlHnsXHnyHWLzc0gCj4Ihhy3l5I2VGF1UsuqCb65VZF\nxJpwUzg8aLuuZ/8qm9LJEdJ404Jze5lnLDOs+LNNHhzuPatxJRIx1stA5MAt\nAleiF8fjBmSjElZFxrWLKVMzXR/MSe69uE2nOt0ylOCjRqmpHlIYA6twPE7A\nMcibThWsWLaPQf3Eofc8gKzSYFqL47gkX8JMPKtUdqcX3DyBtekC92Q6nnu+\nczfKyiCRNM6XbEVJCM15jtPL4ovz7Ck+yOhAXNuxEWkc3kwymNSqvmSiG+lA\nsbLPHiQylhCvQMf06aW4JwiFS9JWEZT5EWUSZvNeYOEsNOW7p8FU91N2Em6D\ntDHp7gw3axIU37qg4kMb7V/CSK1tTD4AsgfniEK7eH1czwv4GyLNP6kUApYV\nWS12kTXLHHexQIXYpFYvuQhwkf9ej3dmUN7Q7W2Exi3zXmi8a3QGZC4qQxJL\n4OqOlgI1f4fZvZ+aXZJkMWmodcqEC1IpcBjUyzX806/0YCeY7Gaj5nhJS9H+\njdThZUwGcuHmKoGA4koSLzgucwdFuBm5pi7h/ep4FyMfB08qu+rLL+KticKQ\n0CxfVNS95FWJJGXHCJjtDVX4J1Q+lBDX2dThHAmzj9h6C+NO+f8r4+ih89FJ\nBE0f\r\n=JWQ2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqJ60VaZ/x0fdVOryfsBLmTnaybB09ebtTQh4x6L0/egIgWYQ3iDxx5NLF/hrCdNq/86LjRYg9ld7WhQhjpsHS/1k="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.0c1a2d97.0_1616188842104_0.10442247426398499"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.57ca2e73.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.57ca2e73.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.5f0fc444a.0","@material/mwc-base":"0.21.0-canary.57ca2e73.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aa86345a10da02c5166fca78e72e367ebeb95677/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aa86345a10da02c5166fca78e72e367ebeb95677/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aa86345a10da02c5166fca78e72e367ebeb95677/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aa86345a10da02c5166fca78e72e367ebeb95677/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-mKZEvzlRWPeZGZ6auqNqcNCfP9TmQu5R26RBMZ8GCuAXflVXFYdhPgQssF5nPo0X7OXOIkmXMMooB2CTcguK0Q==","shasum":"cc4d432b7de1200f74c6729bc065a8c513ad5903","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.57ca2e73.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVShUCRA9TVsSAnZWagAANscP/2pavRmiYoNFugOQ79QV\nbhslUK6nLrUuiJRHY2qOhUNyWDca/B4ecEhVhvjOo36kmzGhQ7fn5ga8hw87\nieceG+t3nJ5cicaF/38vhDLaZ9UQM8vqN2lJ2xEGAcA4v3uQhns5OXinBhqO\nc0Pw4KD0psBNhkBZFXhprlJfKJ0BtpVOtPq4pvVD94Z7hJEzxIDJM2vNe1b/\nJpiJ0+PsDQwV9ZIkOuPWcHDsQFYomTurBmwZz6ryVpkM7rQTcdzYPrY54fXf\n1fAuqDPQAwRdMQHLK/QnFV7IL38Jje8Z1v7KNgZgejFNxghDtOsElidmeoOt\nZMDRFox/uolqFLgTFjelTF3itBw/mMMJ9lMDgVEL0Q/cLD6EyGDfHdN6iGfM\nL1YEue1R1UIKTmx2v5PO9NIOQm+kbTWPcHA0mHKPcA5YHldA4QBra7iWhpQj\nm2YwQD82hlcWDpPq1gdNIo1J5yJqlxGkdLNdSdsZ6pcer2yKTJGK7WalVB2v\novuEmPdS0YefaxxS8IWoxqxA+CV2voeZAXyyA6KlWd0tOyDs1i/+Crk1Zp7M\nmRTdtfokKGgXAhklpNQjBOKhAnY46gNvpPXqnOCgyivTJlXo4BfYBV8dGQcc\nejY96/wn6lPbxn6nh2MFjzYlhrlAWG8dI2e09TvoCcR7HaI1IFIE/n1P0Uqx\nL3wy\r\n=zFhM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFf6uUM9hPFYqEEUFY8YdffS9m7Qoy7w2c1vc41XWuI+AiEAiJKDYoMHrsAKX41IaeITJuL7H+JopY3KBSDEzue0S4s="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.57ca2e73.0_1616193619496_0.3386345825559691"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5c058f4b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.5c058f4b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.8943b991f.0","@material/mwc-base":"0.21.0-canary.5c058f4b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6a50e9efec728fe20024c0ac52645387b1485f08/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6a50e9efec728fe20024c0ac52645387b1485f08/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6a50e9efec728fe20024c0ac52645387b1485f08/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6a50e9efec728fe20024c0ac52645387b1485f08/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-LATgJlzD7j3kchE5cTDzmsguZBeEeGYM6M8uMhd6S7DtBSI8h2XJ0nC+Tqu3wXfoEOeEvK5/Bs1a3jMzkI2KuQ==","shasum":"e53cb00e1440e91620f922ada385f25a0b0abbe1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.5c058f4b.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWnTSCRA9TVsSAnZWagAA6m8P/2IrijBh8erNkzEVvFgx\ntfha7YGQ5lk74Cj9rHgnNwpcJAl8nhH+HgGOwLhVB3nKKY/b3m+mHtY3A4dQ\nq6BEEAjsE29HBMIK/6YGRLZc0Y4ngPkjvezPKQHDNHGRZAAlwI1Obv71CAf2\nFUBCRMB5Se+96jVvdgPodU0bYcis1ot+xkWJNoL6xiG5lsWTwsWqKxgR+0I/\nb/iS2/XfDBO2csOncbt5G2wTOVv2hWVkPI6LnqvaLPEr2DZ1U3nL3ZGlwB05\nFFelfyJcfOvrNZ/+J49bjhEyMh7cXFH5gW7tlEq8FItoMfkIjIPNA9rcREtR\nBzXLeKiZT90ynfTHGYesaAh0tmYsVQ7lml9Q8JdDlFHtK6Fsz/QF3j0iILJe\nkZ5H2R7DAEDPW2p/oMgeJ/KOWcE9nf5bhhG7+VutCpgtbc/h5F/Ji9BfTdbL\nhy3NQQqngRboRAvE0DyaISYV1KZ+UA+Am0UC9Cm2kGGkbw23pIMOgfpfVJsN\ntqukkRIllw8dG8itR/CD1MrGjBAqRjmqgz0Ti1S9O51Pt4x3dxloI1jiXU7K\nx05FWXVeDwiUequyMJHS1kLKIvLkihCE1OmQilGIgldGgZI26A2p6jMbBhej\njbSmSFXi1/NogL/bSKfQb3U++sNAfoor4s1k0VZdKlA1RkPkJcL0vfD7D2dN\nSCBa\r\n=JcvT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGhkbSA7+PNqxg+NCC753EN5CtD6PkhHdQ8cky0FHhK4AiA0ppVrqQYQ12iN5Q9cUsExcF1XYCrKHummhOv2sVpQig=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.5c058f4b.0_1616540882365_0.4410124519000582"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.e27ef7cd.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.e27ef7cd.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.dc9c84023.0","@material/mwc-base":"0.21.0-canary.e27ef7cd.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7631d1b220323112ce72141784e75c8356ca0f88/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7631d1b220323112ce72141784e75c8356ca0f88/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7631d1b220323112ce72141784e75c8356ca0f88/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7631d1b220323112ce72141784e75c8356ca0f88/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ZvylXdFEuVhrkh/C6Gfk6oesAwmzDe+cWFswjDkWmn4IXCl1ezLAyCq35fTMkLH105ZNawE7WhGmrEZHdHyp6g==","shasum":"522ef01a43734043fa09e397ad7e0977e29f813d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.e27ef7cd.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY4XOCRA9TVsSAnZWagAA6jQP/A0w7M6ZsoB3LxJorH9q\n+kamWEP1icWX/kXYgo9H96jGr3gHOJfDaD+jblcV0P2G9tKuRfp+LWUW2A5D\nR+xSqEVapmR7jg9ceer9/zDT6R8Y2XAyU+fRKJtESUxK9PsfFK3NXlEId8YJ\nzHUhIWcv6uNc1js8HSRfX5nfBSr1Nkj4nvMraNN6tS0AQrLGtIxUoEJ/skTi\nymHDQnK3HWl9tcjv/OSnelUXek5pJDXciy6/MSoqNuykbahmzrfbo0xdA96k\nF53kIPC9KBs4Oee5/1wmrKb6UGLKw8aESTYyUQVNu9DFZ8SfNmR8pVSWmXww\nPfs3nFic5XcyKun2PyKuJs+yG1ykJdsEcff+OYCBj2dvzqMycBNZOWuIKzOf\n97zPLkep7ObiBqQx2L4uxDIGqJfYqakbsSdtpTMNafC99TUH8q82PvbOHpr7\nf5DATSizDlyLtCwtMtXEnqLFOjSAGY68qL+gcoVkzhMNcCRy1i62FbqZlhVk\nccjlVbwi1E34bq8OmsG7Djtr6sxwK7rIj5m20BGBjpxAA3qWWz7Zr6ztNpLp\nfeP2fI6SkgS/mR7SS1yOZzZVVyPZJWMvt7nnUA/OA3RVtPuCGxhmV+kbd5iL\nT2kJ1/yjdoQ8dDBmhflcLMypLkGo9cqqA7s6Mn/x194rnq7Z6STe7VeZRxUI\ncnAe\r\n=d9FV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFeykZ/uOM6RP3fRlvHsYMGShEEXCKJGSe+9pp8CpkJQIgaHUzECY3MRlSvrC+fOV3fTScsMcdUMRlNGz2Nx86/Bg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.e27ef7cd.0_1617135053568_0.8687156338478006"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.15c09e74.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.15c09e74.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.dc9c84023.0","@material/mwc-base":"0.21.0-canary.15c09e74.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6f3ebc4bb5f04f139f9cc24061e00f418b04ae88/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6f3ebc4bb5f04f139f9cc24061e00f418b04ae88/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6f3ebc4bb5f04f139f9cc24061e00f418b04ae88/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6f3ebc4bb5f04f139f9cc24061e00f418b04ae88/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Blh2oETARCwioGsLQXKZEiGtsCymz9kchGxjXWvy9TH/tx5DK6u5/WM2+28OcsM40ZxN8rqz2UL4TTvMAIm2dg==","shasum":"35439f5d2e218d9dabd5f6f7eaaaa5b41f719af7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.15c09e74.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZKeMCRA9TVsSAnZWagAA1VwP+wVAUnXSsrDecsRWb53E\nxj19FLlljcVcJFjczA36SNNVsjNxdoqHAHYMRKbUGzBPeVRm6KcU+shc/UWt\noo7UJMTSYJnjL35roN3DH8NDivK7uDQVVHtl2YB7kiIsqE/q/aLGet+VCQzy\n+poUJmegYX2/avIkz2m7vNU2B2/eemeVa2sfug8Wu42tXEE7aj/eOstxIifJ\ni0Emmg9mNiizuCbSN+qguTIfZuoAegCcpNZQsEHe79blEM0IT76uwLVcjEfX\nsQ9u2fU7YXTpRbgP4meNh/dIVWI3/eV0Q1Qp4DardtZefvKmSBO93QAnBVZc\nN13n+gNeL26m/tz+4NssRiy2tH4ZFuiQQkma9PNH97GYLmsvrgqBCHJ4UmXX\ntSLAIq2cLzLyXZcUb+7PoAHhyhj46Ove58DA6/0h3GJbF/87vaZnvLDZJq6g\n/JxI9ZPkDvh1S6b5pkotAjUaDNy5p3ISmjJH6OXB+XB9nwJYHeRv5pDrUal1\nBz2SUJiJnlHnrBJbhEbjYEiM73K3KZscbL6Q9AsZA66jqmwdVdsHnpcyiZ8K\nSVHv2pq/q3laWYWxxE1pdRrfjh8eBnS5TO4aLsiWIWoxBP3W0wRp2X0skIk+\nrtCthwAc0EnwWZgdFTkdMPjPALs5C6Yn9PyIhCHTR0gl0dsVIC76NyelXm7M\nfB88\r\n=e+g5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNOW+tEAGJXUZNRTuNaVaY1PwaB34vxCpMDGYYq/JpRAiBNG3Mns4qY7QmDCNktKK1f3YD0L+PVZE9R/3rH2zmceA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.15c09e74.0_1617209228200_0.48294728832417233"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4dc32be3.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.4dc32be3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.dc9c84023.0","@material/mwc-base":"0.21.0-canary.4dc32be3.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f71c032815f456f2ddbee58c9b175e65da3c18a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f71c032815f456f2ddbee58c9b175e65da3c18a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f71c032815f456f2ddbee58c9b175e65da3c18a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1f71c032815f456f2ddbee58c9b175e65da3c18a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-quyayB5gUdNBnS+LmZi76Dyd009zI4u+zCWC9uU8WbFl90BeK8bft6nxMBBoDC6nZ9fJUZGVuAbb5svLfaAz+g==","shasum":"be347a93175de8a0e4173378cdbc400829dc7d3d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.4dc32be3.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZQohCRA9TVsSAnZWagAAeCkP/2LpxBJ4xMNQR4P5/pO3\nMutV8HernwcjlNsM+03dvLZKCWN+KslDR84AA+wxp2Un/1Z/8T981mNS7TvW\ndmzEr6K5QUEGEzKMu9G9cAsIw6kzvt0IUSA4Z4hgsVp6VR27dmfyCyx7US7n\n2bVGngXV75OzSaAHGDMiHpQG1gmVnBeSge+8jZHShPJVGaaYSIa8RSjtBMMp\neAJ525HjCxX8OsdxF5XQMklAgXj1yClDeCTaz4Lz0teVwaj3+OCRvpjHno+3\nWxQcLS+XKedTeVfn2Z55Xim777U4MkhzdE3zhHiqA/KDUHVSpS9sE0G3MYyG\nETjylRdu8wFNt/xFfyi1j90ZrIciZMKW4jTn6R2bGCRuS+/jlecltrStkcJE\nk6ADw/llqvOvDRWp5UlhpmiRuSF0PZHvD5ARxeiEukH59wO8i+BylpTKfR9I\nAMYYuVt4uC/sC6vp1CYw8XLNyHHQbsJsRTRLLhyUoFvzWnPK0CM83RTVZgYD\nUn1lX0E4f7JL8PGQZ4SmmMtVurkkMpzJS+8Xk75SULms68fbbNmthXneMUqX\nqxzDycUPEyrJ1YHv5k8L1NHZOaTmPi/rFS01GG+35K0NB/ylVlfN2WbJ6c3t\nq9I1lxm0JCcLvELJSVeZmiu9sYkILHB183g2bJddqlwyekiEkFfFZlkaa/RP\nzgWH\r\n=OM5c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGvof7kREpP4eMDGMAHK81wyNNtEbRSp5qJkk0UzsckZAiEA8WwF9EzSg11q6iJhLYbEfJHUBesx615sZ3t4aIa+Nig="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.4dc32be3.0_1617234464725_0.5045698428874201"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4b717f65.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.4b717f65.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.24609b822.0","@material/mwc-base":"0.21.0-canary.4b717f65.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a7b21246791a74b1ae4e57975b1f4a394ad9cba4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a7b21246791a74b1ae4e57975b1f4a394ad9cba4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a7b21246791a74b1ae4e57975b1f4a394ad9cba4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a7b21246791a74b1ae4e57975b1f4a394ad9cba4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-fD4SaTdtGJWyEysNvGWP9Z8FDpLU5l3SOdU/Lvfs3y9aE4S18qc88Ey3qiKz4gW9ny+Uq9K+BOgJyBoUpjqBWQ==","shasum":"c3226e6176d35d44e7fedb7503b90271c941f4ef","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.4b717f65.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZg1WCRA9TVsSAnZWagAA0DQQAIrpNdmW3SUv95KC18RP\nnjphdc/MdL6WlMSSnitbHHySfmzc/alrfSb3uZPoInD9PHQNQbDEN0tMmwh0\n2kY8Q9Vw2XJ7oTVuy7CqzKWVLNGmkG5OfN+E8HqotNRNThatoYtKZ1zWE2lL\n6XCTEdtNSpi+n2RiDY8Q/baBnfczeb6VyKU491daG6bVSPX+HH9eJ89KiVRA\nrV9It+hLFccvAKjXFm31IV2y3gMovYh2IyDanqzZr3KMuYUPTrAPQRdrTMtk\n1PVQYI4sQVCv2vhTfp3IyK/ZTVa///F8rCnLyfaTvhXLIavDVEdWgLlVo1hQ\nL6MxO6om7ctBhVEK79VANT0O7LQkNGbAioucf4VBh/d7u/AAgg1YN2vmJHQD\n31ajnwLzIdGOmnGyajWrA1H8DTCu4XwsqHYzMdwHKE3jy7w5J+yBZLYFQZym\nk/bT0W/nuboCxngMUFAyr1MQzvHaSfYEVcCgEUu1zT6VtGiSIH9LFkwla4LP\ntbQ/mf0tTOGuPMqMZQ7KBWum0cYhSKYrd2sllxalqvpVV6NnAFlqQVi6B/xL\nE9HRjwqYCaMQL6k/7bhU5FdnPq1Vkt7ne7EFySsfqyueutNEkT9pEd4q5O7W\nanAKXwXYCLy1citJgHfFK7diL+tL/Gx4YB+eTtUn5pULZWH+DOPvhjosI6DC\nktN8\r\n=sB8X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQv9ScurJwnmv9Gve35U03jxGF8qzAfsAbJN28NnYeGAIgR/2434r8P8CdLz5mkIBNEQ5rm3f64TKI5i6/+FBb2T4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.4b717f65.0_1617300821938_0.0719291009356593"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c6870f20.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.c6870f20.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.24609b822.0","@material/mwc-base":"0.21.0-canary.c6870f20.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5808fd48fe9ee3cfe17f631aa6addaaa847cea19/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5808fd48fe9ee3cfe17f631aa6addaaa847cea19/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5808fd48fe9ee3cfe17f631aa6addaaa847cea19/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5808fd48fe9ee3cfe17f631aa6addaaa847cea19/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-J1EeBXPxws7u12g7V/5t/W7fGx351aSgHZxhazT9GI5K5ueqbsyMyXC5S//PhOGQgprKwtrzf4gy1foMqwzYYQ==","shasum":"011aafd11f4294799ff75e2e27c9f057327c6a60","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.c6870f20.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZlolCRA9TVsSAnZWagAAaYAP/1o+97QVupk/+RRTrfdP\nav5fZsoMIT5nXkZA3TS4aWUzeHzQHxuCJj24gncmO65dJr8qa6bUVsPeaetL\nnVbiFPlO1g3Aqtx0iRgS6poZZWJpyd7JVTvcMdY6rh3ZsTGNUBD1Uv/NoUqW\noiIWlQ9ecsi4AvO5cbd0Q0460RkxY+bOTrnW4s7bCly6fU3g2M7RJwfLO+zX\nH2vqh9HfM4vJaWuk7hx7JePxZYWYjco4+6E9KDMzejM3ZFW60YrLp9IjQui/\nnwQIZsrAjXFnW/ByeVLIr2oowGOgMPwBp0Yj5OOtHRkE6xCjpOjGL7qVginQ\nLqGY8gdZGmnuw+JFQ7bIYb8qbiCb52A7HbVE543mX5+LWoJSsAEvOjB1gEt7\nx9gINVSZfRBgIndY2ENbUgIV96THDVrmq8hy8JaU8XNG4ivKdFD03q/U6j+A\n4r3ceSnGXXDOWz84S9By7GxlCD2PXVyRj7JsHHrV+okFYgu3TlZC+5HymQRU\nae8o1Sugeyjl1ghzqyqIJWCljfJ9RVYULktfe/CKt6aHTglJeP95oVWVq/R+\noZimJjClTdYK0gOGndV1MuGEpf/USJg5nY//FQpRfeHoOiHki7v2BKyWC7K1\nOTFt/sB2uORZ0gscIhzT0hIeRaCxnEnDrsjkr2+kzs5bXCXO/HGmudcNaoBJ\nwgHW\r\n=i1rT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEmTaPe6eWSAhAf5zp2LK3sobKQVUNXe7Mosf32TXRjgIhANXUuTvbyilYk0qf24keN6oFBMvDtdOIY7kKSEQgC2Na"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.c6870f20.0_1617320485501_0.5726139534938832"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.852f873c.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.852f873c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.24609b822.0","@material/mwc-base":"0.21.0-canary.852f873c.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f528b03c675bb05baf871766e103e6e35c28e203/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f528b03c675bb05baf871766e103e6e35c28e203/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f528b03c675bb05baf871766e103e6e35c28e203/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f528b03c675bb05baf871766e103e6e35c28e203/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-uYZ1SjU1YvzR4EGo7PuEPYHxbJY8/hLmd5uKgUHN8y4YLbKUTmd5cbwmGx+N/EIC+WF6OYQm2qz3ObjlPNxoSw==","shasum":"995cbbdf2b1ee793cf219b795b5d14c5d0ddbfa0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.852f873c.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZqnmCRA9TVsSAnZWagAAa/4P/2gNSP51vge00MhBFS2w\nvTvZ9iB/Tb6BkLmCP5uuq1Kf0DPsmvIBePlrgav74t3DPOvGXOW5t8W5spvm\nBdDTX/kyaGzJatTVUg1MacuQKBJzXuVGqDMVPfmK7BOUZ4/22FzYpVYsWRjK\nkQzUQj0T0MK/+eDrFnrGPuQk77zUVt97FvUlV5j3LzGpShBZsY4htBS+bn9Y\ncHt9Hv24x1bl0XiL1FnCenDfKCFCPLraUP6Y7aYVUm/4j5aTCku4dGQru0FJ\neCi4By/b/Qbj4wHcuSzNFnMqBzMCRQI7yDE84+PfM94O11h8Ou+XClpuuvW6\nr2EmknVaHVfjUcwXacJq3fKzrOvIr2hxtLTdzwPZMd1I8DiUXaHrXQJZPLBo\nB9WHVP9yldDQ2coFAemB4gtOwFu/ulCJDBi03SYOIyoAI1pg8JIzY+SxseA5\nHrVuXQg03iwsHJSR/psA1V+78fJs7WgRQC83Gu24iyQDoHlhig4C1s8zAQoI\naNug02JKDyciBdm2cd5VJOETni3o/O+AwxPmkJOYLwjK+0tcHNx9fy2j0XD1\nheMo5g/krfCr++gk5mI54aQ3I0QT96OrR3LeaXyDWTQDDSHTSNUp5oNBXI5U\nc7gKYMAT0rPZpHOs9WD5xLtDRSEhlmAaj2EgE/wpwCnov98uZl5WnsNi4Cp/\nJ7uC\r\n=JgF6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSMBQ4UDzcky+hkwwCtE3qSK3Yfc13lLaTWNtWs1Nd+QIgZe4pHYXh3QlT6l5S2KWo/pwpahGiuDUNPEdRurONBck="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.852f873c.0_1617340902112_0.6695120760011675"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.4a674a1d.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.4a674a1d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.24609b822.0","@material/mwc-base":"0.21.0-canary.4a674a1d.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4f9464090813f45495113dfd52201f8c86bab3f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4f9464090813f45495113dfd52201f8c86bab3f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4f9464090813f45495113dfd52201f8c86bab3f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d4f9464090813f45495113dfd52201f8c86bab3f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0BS4pq8y9/LRuabDs5NM6RFE+fLINtdssHe/ZU25k8ARDOBJNADETvfDzLE4N2iOBRgSA+s6+5cd7yyyePvoyA==","shasum":"8ba657d2ccc25d97e3cdbb9348b62b282a2538b2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.4a674a1d.0.tgz","fileCount":16,"unpackedSize":52179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZy2sCRA9TVsSAnZWagAAjwsP/jln3pFf0d9hhFhTHsqY\nNTRbfzxKOAwqn0TgBPhCuqhLkTVTElFH01VIVg1+/0JE6cZ/In8aIw6m4SB9\nVClJ6yKlQAvg51pNCHdxNZdE0kSYgL8zpjhlIGlv3RyHEWMh/FhL5EOtqzgB\nvocfAc4XV4Fhvfr5oXjCjiC8Jq1sJsYxq1sOBtcoF/jxCm/rxaKmYltPprBj\nBRh3Don4IotZqzjxKA3smiueTEghLTcvpIV1jzL3g/fWzbztZa2o1d59WjJb\n1X74gmMjrR9alyCHoEDv4pruz3pAxC6SFKybOqE+IZhukI9q71O9DW0ksvvN\nAzB/BD8a8iHoyHTmUruzc4oLD6+BqafPPe6FvHtIcAKXgviSRLpIGRryDO1B\n4OHwWH0/MyPnErjdyRbgre9dm98q5yc+ggx3IhWfWzIkZBeeHf930FIcfMNE\nLKX73hQECY4osjox/C1leRvM2AJcBokXcTAcX3pYEkOwJ5AqEIBqC/FmnNOG\nP5brWRvpK1/hnXvWMWHdH2/9/MZPiJFq7RLip+xpOqCjrYLWJza/MyQLEH/5\ntCnW08vvnzM1SDtNxVgc7u/JCWPlptdErm4f+0vb939Sh15Vbf3VPfYaiTjk\nEpS3pnPX204XN93lXDGdI9+Mt6SkF9z8OMZCWwNriGWJRYwX3sP6WjSTIhSs\nlDFh\r\n=iSSe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6Lt4a2jqAE3B+thOT418KLNrF7xy/2xKC2YBlUOzwrgIhAK4kaIVwNVlieQOBGo7bxyNwT5ncGbKj6HojAMKB+CLj"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.4a674a1d.0_1617374635640_0.9818394478469299"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c5b29ff1.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.c5b29ff1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.24609b822.0","@material/mwc-base":"0.21.0-canary.c5b29ff1.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1604e99ccbc76c92a4371c529c43a4997f78c3e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1604e99ccbc76c92a4371c529c43a4997f78c3e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1604e99ccbc76c92a4371c529c43a4997f78c3e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c1604e99ccbc76c92a4371c529c43a4997f78c3e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-a4kzKGOlLkSIVaJGbflS5BEhGsamR4N0UWiPB4JgiJmoUyFzYkIQIM9Pv2OAB+EbiMRmySEWGd4MMU+f1kI6UQ==","shasum":"7a23149ce16557a50eb6515f4cfcf950989e41a9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.c5b29ff1.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga02rCRA9TVsSAnZWagAATH4QAJD5crEIp6Rt8GdnE6cT\nukHblVLMrONcalFOomKU3OBRK28yIvTIxjaABM5GBhK34uVNmLVxnOYRhscF\nKUPkZZEt2LUY3t3p4ddF4fBkaCM+F33766n6j/F6VVEE5MB6TkCxuxd+gpsB\nRNfErzbFPcQQp3bCv4tkh6SKYIXiMc3yYbQunLiMsIGwggEorsxtXFQYWquo\nQ5ZB3zIFzcWWHfZ7vAkFXU5evuEkZHflkB97Mbq/pgfZHtl3QNfO9t/nLOkb\nd1Zk401zGrKJieZM0a77uEoiKNKtCALrGgH139CB7S+J1pHLFi06XAPxYPHy\nCUnh3rOsH1V9vWxR67OwK6yqRCSfmDu3QBteo/I6Q79BXSVUbvzBTmfGjSmT\ne680QBzUOhVsGXW9P+EQl+Qw3oXlrfVJok57wVzqHA/fxM9t8yqtP6IzoD1f\n27taydwEnQuJIUPGwSlUmCPUhFOLZOqMoI/5mKNX/fceDe2tDIWMWpZ+v5pt\nHQBn1iHVvbD/7kFjNu2s3cpSoQbl9hGAFucXzc8S5BSYo0LCOTVu0wyFm5M0\n9iKupsna0YtfMYhp9RqDJMJfDaDA50NUuS7xHda1/0m8rdCBixNN3XghY9jd\njrhD3XjfFN+hQj5k6zuUEloW7aA/A2if/K42C2ekFpQ+7a0OlTBmypKo4hNS\n/ZpT\r\n=y5Y5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGzIPG52k4f+x7TOgR5BHpV+vNfUxFgjQYCDsofIgAAeAiEA1Vi4vQ+q1flY1CfQZbnsv4tU9Zoaqhm331S/pfTqtHo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.c5b29ff1.0_1617644970982_0.7206176562276576"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.583644a6.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.583644a6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.94f50b260.0","@material/mwc-base":"0.21.0-canary.583644a6.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bf2f1c715105004d3849ec66e044434d48e08296/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bf2f1c715105004d3849ec66e044434d48e08296/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bf2f1c715105004d3849ec66e044434d48e08296/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bf2f1c715105004d3849ec66e044434d48e08296/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-SY4riUboPE3M3D2xf2V+DRzHn89oK5RdoJhoPDZW8xtjzju+Y/DQIdICbemm1ZkRIfb2y9Ai4icCzPxq6oVJlQ==","shasum":"833a7dd64cb9e2a8757f348699a324b4e5903cfd","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.583644a6.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga03pCRA9TVsSAnZWagAAu6wP/Ao9q8920OG6R4fSGJxq\nyp1K6o310NJH93q/ryDTKfRYoW08sPcaoDqDI5V2xikunUjaAUCRU8WA0BCI\nw2+y5tzd7tI9/C6UBl53BtvWyMflbO4We8Jv5qSqx2RQKrQb8BBCWhtQ+XR7\nciHifALBbUOtJBKhI1uxVQajyJ+qm68SE3qhNZJX6b6tkH/08OujFyz+JQ5+\n9BI+ewuEivutSuL2ObBBhyJFh9JaRFyOKXGzncf9LDR6okkBIWK+NdnGU6G0\nLX/I+087WbgeiDLhKKZ5TK+wXZss06fVjgkUxpgpufUYsYkNzhV+K/D6LXR2\nQKY9WOlTR1br3Va3tstK9vuZ9DEcii/rlG1PX6gYyMpIIvhItNaDBUHPRyzJ\ntd2z736xx2pw1yakyLjbe3z4vl+9TJYMBfWnMQ7ZZT9KcKkYIRaPyvzNG0Zf\nmdkbbSKLhLc2tQjGiYd25jFijLbYqyOYfjSf2BXo+0GKw0Ct/pRa4ezzmsCM\n0MF48WLjbEOcnCJ2aufOVQXM/h0q8W3HcSPPBqxh+5B3GZHSkcf8MGeoSd3/\nqhXN0IkuzdD8iCkLGHW9QYXNkwxkeL3PMS/43Kt1H3I9wmV9D1N/49wXKbgb\nwoQhQwIoAJYezvX9pDYtOaaSi+KRZuQ9O49LKAuDtq+ES7J1/WeiJgayaB2a\nR9X/\r\n=T+aQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOcsTnPYMbw7DF9J40yrm7DB3BaKWHlSu20Ah+FflZOwIhAMW+pNYpHIXpBCxQy+qyS3gIUwAqSE8zYg4kcOYnzEjG"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.583644a6.0_1617645033568_0.4008063492468448"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.02ac1e6b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.02ac1e6b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.15604bd0d.0","@material/mwc-base":"0.21.0-canary.02ac1e6b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6e525b215b6043eb042d3feb1f6066bd536bd94/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6e525b215b6043eb042d3feb1f6066bd536bd94/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6e525b215b6043eb042d3feb1f6066bd536bd94/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6e525b215b6043eb042d3feb1f6066bd536bd94/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-+r7Ya0l4Or9YD1zJgCOLMG1LhUy+vvbc89qhw9nzvXDnGRvWLlBZi11aRvTq3zwy/2HOKKXuHvt0oD1n8z84Mg==","shasum":"2cb168c388c293e7f06b9b020f9cb328a0708ee0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.02ac1e6b.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbKn/CRA9TVsSAnZWagAAP4AP/juF1YUWqlqtxE5dNyOm\nhB6EUiWyxbKpjyqJsNmluharJ7thHxD5xzySaxCtALB2xgNOXFjptJFdSVNk\nVd/QQt/Wa/nClRsBQilGt9R1vZaxNFRPfbMCppjU/pUFcCa0Ad/aCvhHp5+R\naUmGKNB7nIFOHiEG1c7WTY0LnJP40uqnASh3j3i6+lYmD91znkVBJe5JVi/d\ncqNd9Dj8Vpi929GCwhXpZMAbfeMDgMuRJBXyqGkl/JIYKjDxnRRDaqlESsja\n3JVduhlR50FUDZFhs9waIQgzsDC2bbcRN+rk8bi8LIZ+zneLMMDCh311gJcd\n2UtFDw+5TiBRwPvrf6V/JkAyUhtYl/bRYL7Y3gVCDMorshvKV8eUPps3jPPm\ncEgNWlYHq2t7gIDBm23BxicqwvKIpSqPyjVBbq/5davPdS3uuszB405zY0Cp\nVW35uXRRvzaGigpEYlypkM0VCgsjKil+hdACkP0gP4m4CzFhmEp9sv4koloz\nFOM9ErGm25GugYngggBppsTd1yCO7jYwQD+UCDbWEvM8s5hsjC0lJnEO5ntX\nihQC+rB9D82bjM57sAoMnzbK1rnZEsz4q2SrH1W1rAYIe7hdIndbIsYaybvi\n5Mb45qcrQjy8ROf/xKOzCGv9MQ8j4k03YWRMKOBuFKzw/x6INGfPyG+VFpgB\n1HKC\r\n=mC+N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGfwSdwweawMl9HDBCHL0BDNuv8verBu4sFiCzcF2AVmAiEAnQB9aZ9vrhVr/kaFLYGVCaQGXcgMUD3ubZzDGxV9DS8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.02ac1e6b.0_1617734143022_0.8590560640036264"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5ac5856e.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.5ac5856e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.15604bd0d.0","@material/mwc-base":"0.21.0-canary.5ac5856e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f695ff77b118469a93aac22c76e5e558c242a7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f695ff77b118469a93aac22c76e5e558c242a7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f695ff77b118469a93aac22c76e5e558c242a7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f695ff77b118469a93aac22c76e5e558c242a7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-2jBQe4ndMxZC4DFFjNh2fZU5demJzlp4IPR76Zey3TSxSGp+YKLiE6G5TeCz2vdf/nRPEM/HGFU2/BN3V9h/7Q==","shasum":"4efb48a498f06b4479c748625481a6b2057bfff5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.5ac5856e.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbKuFCRA9TVsSAnZWagAAZTgQAI/HeJRfmfAX/FzT7taV\nrVFg6xnnVaVTWsjW/RDmwRpTA7DQkghhkpKvpqlkcFmww7VvVCRYrD8XhRMD\nmjzx7yXjqhefSfdSUgUfyfQsm/LtJw1DPqkInDjujqA4lZLJ83Ei0wjXCD0f\n4yVLZMlMUIkXX61Y4t6Z8Mk2ShWljpZOXwOvru+353CKlfYViKDEsMByE+w+\n8UnxDZj9P3cqchW3gtHaZOoY9pPkPFSinYi5XvSKDgRLLG9AO+K/eIcMRroy\nfVwSpbcTpxlSpZeE4onDYNjQlUU2uPsaqrJ4Uhx7RCTLNka6iB/RpFhmHhWh\nZVm686vzcze1tsAFDNq5B73BsGJDKwmCbpV3D8T+82XRhU0BEwpZ2U6vxNzL\nli2XMP+tITFPzN6NCjXqjs3hf0YycO7VNWecj0rDcd2d+tq9XKF5BqZyNJhb\nnnIICXbArfZksVX/tXGPtdXctK/pK5txolfoiIEtiNoTEtEM69swBPztvN1Z\nSfYyltKEItuvhFdPxOJ3GwFQUXR3tOp5znNOzNLuJBtrPw2KoFGOj4tavpqK\nnAohEy+0kSFTKIN2PKhzChhDixh8Sk/a5q8TNcVgaYMBoi4g1jDAjD8lPmji\nZb0omg+eTKNfW8Y5Gd9u5BUm69WFXM/EvQhgAw3BzArPzd/SFvuVOZqFbab4\nUOcS\r\n=hWQ3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHOVQkY/3c14uEH1bra0PH/COoM0LCzaxrds7nnxyL98AiEAylwVmYqxSfKH6NO8rubLm6RQf+MheGvu9RcwS3NlwZA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.5ac5856e.0_1617734532607_0.2327232934330603"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.bb23dbc4.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.bb23dbc4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.15604bd0d.0","@material/mwc-base":"0.21.0-canary.bb23dbc4.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42e5f906ec61897cd0de7e0e19e686d807408d70/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42e5f906ec61897cd0de7e0e19e686d807408d70/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42e5f906ec61897cd0de7e0e19e686d807408d70/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/42e5f906ec61897cd0de7e0e19e686d807408d70/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-FJpU2I2uvvSqjgqTucTd4QwSuY8ZmcOCVV6RMmCyIDCkD/lJTe2B/ZWUM8KJBQAn0vVAQE+Buw17w8Q89BXIWA==","shasum":"755b8ed583dd8e66e2fa8d0f313b6e8c6308a599","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.bb23dbc4.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbiLBCRA9TVsSAnZWagAAbkkP/2xy8PYsKSCEBAdIrWOV\nuXUd6t11HHd9Dhi3q+mI4dh0N4RIU8L9uXvQ94nGLiZQUwb4DjCgHJ9gDCgX\nRaWn9fJX1tvM9DNp7UjkepWmp66qyYzRLb5DIepMsSNCHu8auFo/l7cg/bru\ncxFFaknj+STqJre0jq8nNir16Txk2XPJdopd0ZDYkTEbY41xEI4RhMBwdRZ2\ne0BnH57znGFgamPBPyGJyOYqY8elebMT5S39aA9+n+nqtJR1QtHBxwkfSWoC\nRwCJlV3bcTx29YRvKY9RDLmIfrcO38WQcpLWWig0ZUhVhqXrKsyO1sNvfWHI\nsqAb5CZOHNpCWMbKTsTUxIoMpk+AyzaGQN+yeQQ03P7p3LdWE3ZOMTp0YFgw\naMFA20Id6EximhpehyTG9rxjY+Wk2mPs4AOOUVff2xtH7N4Qr4dbU1F8FM6H\nHuYCHt6BbFqBVGMCO7iZpIOziZ/8YHctgukfwuNRT6uQSLGhRQpHXEb3v1au\n5aMsjPs6rFdxpgjrNWugUnI7vOOh9HsCtsf4u9XubKrQzoZw/MPL/pg2FyI/\nc72HNigyT2Kye3UyVxqsnloPb1ruDBg9VtdwNsb0hysUAs0qBmmjutBLqAsG\n9g2EMvtNKZYoxuFZTAFYUlzwAOju/5SNtclF8j7iuchF2ubpQdlX5iMNa0kn\n28/w\r\n=ACu0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUuVAvmpm6SDAw+6VSV0QFJS22KNf8B1oorigrOVaGvwIgQPSVLwxEBAqV9AfNnGdx28tTRvVnFASxuZqlB1JlfkU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.bb23dbc4.0_1617830593491_0.7188049260830707"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.e539904c.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.e539904c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.c91e8d141.0","@material/mwc-base":"0.21.0-canary.e539904c.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0522583b3f6a950dde45ae308718f06d90d40a84/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0522583b3f6a950dde45ae308718f06d90d40a84/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0522583b3f6a950dde45ae308718f06d90d40a84/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0522583b3f6a950dde45ae308718f06d90d40a84/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-cMMMN4Q84IZp86f9SD1FxafU5V2YmBD8Es0UvTK/9Pkay1UgyMfTd35RMU0oiI+P5ZDFi4yTjBF3toDovgxGxg==","shasum":"e426ea98f8c0c22db231ab6fcda1d9ced221eb0e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.e539904c.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb0UACRA9TVsSAnZWagAAzfkQAJJ4/UXIYvG6pMakKEnK\n5t/1Dc5MESv1phtI5b3V8fj+Y79/GGVhneUE1sDFqKifJDfn327RoHAICdrf\nyisfszAPtBD4r+TrnLsg5urTJBLvIQCVHVySoz9H2XEhHE7golY/ArhTthnV\njHwjUiRHrbhzsnysW3pSkZN+SrOiuYCO/XJuRHur6Hg7slABtBbdOEBVfjCA\nhMPBCUctYb57McF2x2Mt74eeH2kRIvexJtUKwO6B4me67sTEOf0vnFqbPTaT\njbM6DwkCpC/EyArqFcQZ2r+xn6OVAj2SsnUKPEuCEaMcJuZWjhOgCdOAC2Rv\nFoujY4/CtgJMdeaL9MIzDYI+LzE/J2LyaWqulf83JvMzLSqcDkbWQq7dVpvB\nqo6+Xw1en4MbnicH+o0HkSvRddQoXgS0aqhndeOrB9TeZgcsMUcNf1bHRQKt\nBiSUcsvWBbeLKx3Ra2zj4ceZM/cG3l/Q18yz8WNg1crw+57/5CzVsRRrduLn\npBF9h0EXpsvczR6RD8raat2iMJf0ZQ0AcRFH8W8/RdPFD2c6QMTdsEq8zxDM\n7A2t2uovojtHwDf4/s4UMehtVX2OZcmRXFZpyoqrD1gyK+BxeY33Qix7/AQV\nZl8DopHRAVYqlb9xvJ/1NP9716hjDAdswj3Wk97nj8r5zxaiR8+Vw63zgVEf\nNEnz\r\n=I3oU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFrSzgZoTM11e0AyPdru+js1R6JiUskM9FM7qgVcYo+xAiBTMKW4ywkH0l7esQhc7uNn5ozJq5mAFkkhxM8RWOQcrA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.e539904c.0_1617904896454_0.6510388519237715"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.a93ae333.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.a93ae333.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.b2fa996a1.0","@material/mwc-base":"0.21.0-canary.a93ae333.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31a1d0d94dbc7ba9d8611ebd62d41024f6fa88bb/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31a1d0d94dbc7ba9d8611ebd62d41024f6fa88bb/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31a1d0d94dbc7ba9d8611ebd62d41024f6fa88bb/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/31a1d0d94dbc7ba9d8611ebd62d41024f6fa88bb/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-SuVorqS8uOe0PYa+zKNwI4chuz+2ukST4cuYVBgIMS7zGhg9tx8FOvZkfzIX899WT5XFcbSyEu2yHajNIc+n7g==","shasum":"8a951a73edebb4a67c80e7bcb1abbef6747d78aa","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.a93ae333.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcLTKCRA9TVsSAnZWagAAYzoP/1VC+McdnyzTHKhdm6n9\nye97M7roCOQ69iZ9bMCobqCn9xgw+odQhFLntPpZXYUCzmZFVENNVMSwX9hG\nJkttrQeTgq3KksrHeuuJ0DZJOIO6LKHlAQK+z0RbGJgPDlq7NNp2g9sGTIxO\nZ7IBFvNWtSA/nWVoNIrTPqX3m7JrlHeCXdLOMknd0d+wzR0Jxe7NYS7KNL79\niIFHdW9kQz7La03Wlf7fDJFW8BBzPXh9dCj67pvFgvEnKcqf/6iqkjOOLcF0\nfBh5EuVxQi6V3c80b8VGZVgojWHYdXyga283pV3kcavwWYHLYoFkKMmNKOFS\ngv5NmdxUlsU9Qzg+MwTuwkMQ0XDiFNj9EfRP6yCZ4dbBg1EjlDw1U46Nt94O\npnXolg6r/mZ5fL1AaIvMMsW/BN12rD16im7Cq7p7qk46WDt5+VE/c1TSCzyH\nCRBdbt8NCCFaOGoIU78hLT20VmeGap5LabZsgKRp8JQqdUOuLMeu5wYMRD+F\nfrhHB0JkhevYud8Xm1i6sP1jpy59F1wtTH2fAyX/quzb/tiNOqa2vu3dtNZX\nGw/KrQoDt1bx8nCQOBTnR4pThBWBYRJq9d6xKvagbikHDQqz0/FMGZZwMHkE\nkuufvjrcn6KIiarp8NPxLpjHNsZUYLig+FHLr4yjIAO6f+IwgIYH3DUild68\nzbaK\r\n=o0la\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAuMqRYnTC/SO4VRc2zCHOklp8OSAuHO+HenkrBddN65AiEAio2+nA2LpCzYIz8gL3qMA2zzW4/bTce7YMFPTj/1yqk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.a93ae333.0_1617999049927_0.18493491896611092"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.e142c144.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.e142c144.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.b2fa996a1.0","@material/mwc-base":"0.21.0-canary.e142c144.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/135f2f0e24347fef74904a437124ccf8978e20b3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/135f2f0e24347fef74904a437124ccf8978e20b3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/135f2f0e24347fef74904a437124ccf8978e20b3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/135f2f0e24347fef74904a437124ccf8978e20b3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-20Qu/JDZwR0f7kyRrcfsxLquXVs/exvQVEmjqtfWS44GsDhVaz+n6K9M32Ni5AqUaf6HG5axxMtVkctVDn0y8Q==","shasum":"6f29edf4f7672368271a3ad6c6863b67ac2891ae","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.e142c144.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdF4eCRA9TVsSAnZWagAALnkP/2hvXPyzfG0TAHMH1xIo\nsHkuy2Yh9nfsgu/z283JNedC2YhkHNcEIHisE2cmjqcR8KPvPefcx+u8gn7V\n6XfCEcfGb4WjNtP5CtiRhAdTyovRwy0ZpZSZO1mWmiXzhx0zoI9TtXlxNIKC\nFcmys4nWpiy+gcbHUsWawHI+mId7dPFyJgC+gymDX/r47TMwcwx5aX/NNvsg\nSaiRZI2Z8dZ2w951J5A339sD6phiyWBSq3h+nWlQjRVERw4/zTn2f2moI+Dn\nBopRSlIy8n9W/08QlwV//zrIsXG8GorMp5tdzDHnsOFt40H87KXJW+MocuSp\nPUkPss1snu5862hQw2FjLG9Lq4udsbDQpjBHx2vNuWuJv7VCtoTDonS9Q3QG\ncPw/XbYl1DWrS+QzjSMefmuY4qFgn0W7i6/wBkmz+P19p4drrx0x7dva/8Lm\ntNNPywFAxjVMlSHJ5jPOnwh/VFHtPpVS97qSTZw9aQmNpsxrMRbFoXZ7BPjQ\nAJc8CQMokKukOB52Uwp0ES/Aki50yDzlJeLp7hln5L+VKXlYiPvWN0sggIKJ\ntS0M4tyWhZCY7IUFlUqi8Nbr+s0fmUWZqi+uV64hd8HbfFI7/ANLSR1HxNdo\nD822Hoa73qrn68Tb2OiJx4WHPIAehP9r/VOAFdZ5AlXWkiO2bYd/qz6w6rj0\no9Ug\r\n=6B/C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDIhvGZULtpMZQTybTesVB/657Zh9u6FSxwAlKDJ6q+AIhAJfsDq67RozP9QWzmvN1JR8p/pQePy+sSMgPbsYaF9ez"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.e142c144.0_1618239006563_0.28628632110892904"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.382d7eb0.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.382d7eb0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.b2fa996a1.0","@material/mwc-base":"0.21.0-canary.382d7eb0.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/22f558ec852007036c1b01f2d052ff4512cfb420/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/22f558ec852007036c1b01f2d052ff4512cfb420/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/22f558ec852007036c1b01f2d052ff4512cfb420/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/22f558ec852007036c1b01f2d052ff4512cfb420/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-P3QZumoo1kzHwyVR61GN308Kc6eEB2XMeJYUsrZkq/lPDu0mcWS7h/QAN8rnXCOiJYENRsplR5bDxbBhT3YTdg==","shasum":"b7f6583f4f1907a70d72246311ce0febd58fc514","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.382d7eb0.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdMQFCRA9TVsSAnZWagAAq10P/iXwW+tGgXymCNCnCo4Y\n8ealP0Exl08c4pdiCGQuVCbTr0yL1e2DjSeV4CM4tK/+UE+ETiZJ1p5voiwS\n79hSorozYsD/DLokHb0NohRE2Yq6nq8NPNzM/9fiNgRtzaa29qb1WRcRS0PK\nv6DZBZQox9D2JuDhcrAXPZIY5RlloijBfK6TpK8SV54ie6R5/ywMRO8cPbvv\nrdDQaYvuz9dsiD4OpKB6YqFHFzqmPqhtolH+uSRVmXqj0LM2Q1E3FQpRou8/\nf45kGJTShmAAiwve6ynzlgzD9nj5SIQo+GMcO6QQSIClGSLG0VeZNL+8cHy2\n1vJojg1kFZu84mxN1n82N+k5rLPAAn7ddZQEmyCvqH39moLEeR2u9Bea3VUo\nIc23QTQZr/hv7iYnQWvNuoOy30AbW/e3VpJjX0Q/W6F29pkW40Pdxu0VSQ4j\nE7nElRPUGp1eHy+dnY45ax5VI2nD0ItOgh4zGUy7jTjRubaVVbgpan0TJR9S\n7ELYiZXEt0yJmb9E4Xc+zc1I+jhSnIyb4lmdAJ7vnWFOUbrqpGWs9YrVzHni\n4eiA6f2gTSbOCO8hzdVbo5v70Ns+ukXb8i906QdJnvcRAM9DVlWyrucumLfK\nphH5mmTlDttoUarEELEOh9i6MtR3HyFgir3FcISomsjCLdrEl8OcVtpw4+6M\noR8P\r\n=q9Mv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6l7caypW9kOLS55ZjCnItOm6KEs0w+ZelS8TZFDFF1AIhAIUFKw9468bTCgJth3WnVNuTf81f+PPwdRNMi5/ZDcMe"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.382d7eb0.0_1618265092919_0.9500084827695743"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.b16c7885.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.b16c7885.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.352b295c1.0","@material/mwc-base":"0.21.0-canary.b16c7885.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/effabeb19d8128aa03c36be651c6b4eb98d15e9a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/effabeb19d8128aa03c36be651c6b4eb98d15e9a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/effabeb19d8128aa03c36be651c6b4eb98d15e9a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/effabeb19d8128aa03c36be651c6b4eb98d15e9a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0/I3AAZRaVuof14rhE+Lba4ghHuBv/hl2WzvBXXOsrPScSRN6MiaWG87jDGrFKieGr13mb27uctM8MhG5n8nOw==","shasum":"6dbd5db865e954a1ebf92ca23187cab1aa1c3de5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.b16c7885.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdMvzCRA9TVsSAnZWagAAHkMP/ja/FUrqpL0dQf9ywM8D\nvZEOWWjjUlepRPZXJAHE8fwuajeGJgdWt8Fn4R40oVIiLhOwG7v1TknxPzeY\nOwatF/EynrRfZpHacs1mgwAmT4Yq+H0P+fOHX8qTeE1gOwIVJTUMjhVsDNYD\nXA7XMGHLn6JCk6EzXxtF1M3DA/NQeKdoSjPlNgTXkQz03XIHL7t9zyCily26\nerDM6qLAslhaE6nyNOqQaebSYxKphM7xZDhy2EAYBCXSMU3Za8CCbcfEptyk\nS2MRI7C9aH6VhRQf03frwIpwqyz4tcBgRi4eRrbDv5+kv89SvSA9NALxMRVI\nDaIibE86WTS82WMaaTt48XEJmb1QHi06eTGcofxoXpFnsMFbmpOdc+i4q3Ka\nYSEqGyKfwYA3vWUYcW1rZ6UEQGGXPwNzKmzqLLjxH3yuyDZocges6Y/OBo89\ned99sjZCrh7Jo4Iqg8og67l0n4eyfb7kh3CoHG/R+WHW//RV7/m5WT4Pet/+\njx0T0dnW6kwlV5cAJMn9oo1L+qB+kCAjNXQs8QIkx2lblt3bZcwNuIt3X2n2\nYoiso4CnJJs0gF/L6XS+TFxnPONhDHN/vf3kocqUrEthh/GYerMNQYXdE/Ze\nAJ9JZd/lgiocqVRnM1Cq13E8QM0oGbAFLjDt0pMHhFUNi0tGyakwM7OzwftH\n8Dcl\r\n=6kwW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIERS+3W44qdQWVAs95h/qoj9W/vQLENv5nRlpqcPWrXXAiBYaHgz+U4iovwvM16AJUFehY6GYERotvjadM88db39Ww=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.b16c7885.0_1618267122872_0.8529108888221171"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0e92782b.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.0e92782b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.352b295c1.0","@material/mwc-base":"0.21.0-canary.0e92782b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c46ee6728f96c896cbcb981be39309e7fd3f60b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c46ee6728f96c896cbcb981be39309e7fd3f60b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c46ee6728f96c896cbcb981be39309e7fd3f60b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c46ee6728f96c896cbcb981be39309e7fd3f60b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-wXsM8XXDxyZ/Fpusen857Fz8NyztDF7lcSNfatGYW9NSEFkkbotigivmaUlVoXvu8ws0i+sEepVzVBFwK3M6sA==","shasum":"caad468eba94d276193aaec4ae75b96e7a63438f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.0e92782b.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgda2QCRA9TVsSAnZWagAA/eMP/0opDnJtGU5QYwv+AWuO\n3t2QqLH64VSlWCbP/wL5UmiR6Joe0fkhouGMBy+KryxUOv2OXQjgPaplOZR1\nNEifl/1Gbe3kkYZk6hRiph5KuUPO5XPImTQy09N+3H5HHjBWIwWRpF4IBUAI\nRHDh1BT6f6x2SUaRsuUG0vEexigeYoM/kS29kfD+CeSdgU90nLX5y9++W4hd\nLmQB8rhLBYKy1sYSYLDM7v5S+fLpGF3aXP85wwtq9A64imSGHd0f4CozBpWu\nC/hpQaKRcgtSpVw5UJq7vAo/sFechhplGsK5L/kGBuGDdPEBQVh+r/bRMk/Q\nS6Z9ov+d0F5gXu09kBQ6UkWnI8fNHrO6tcBg4fdr+o3K7CSn5+iQ8TRkHV4G\ns5vjYFLRHICoBnQHqtmVXqfQHZ6mjcuhCTu6RIuLVNMM7XLP52SC8NkBFcjZ\nY68KOOI+hqg4mTTn7D6ea/HXjWPLlkRUIu2mHGDGWxv/eS+uGiQO7JupHV2P\nqA5Ey8ab/hCaqXrjEBb+rZVODLw/9rgwXBdhvXj7OQ5pWiMjaOoyFw/Wme9C\n9YkSXRmHZ/ey/GeLjnDp/vD1LCdrPPHQqA9gspBfsa9qjsZOTNBGao1lUHph\nbxS9fULPDHrEQ4ZpfdJ2mdHRMivqaLrjhQuTlBRqo87xWXYxEBR8JWqFHWdD\nY1bN\r\n=NX8L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGROl512Im/hqoBSlAN/O0wbkBhGvFTcN+a1kosD+mZhAiEAmKH8qCTPh/4HKfsZsz6FjQKVqCIsBk84uJhuE9PbV10="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.0e92782b.0_1618324880123_0.3682503611142227"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.70b3a072.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.70b3a072.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.352b295c1.0","@material/mwc-base":"0.21.0-canary.70b3a072.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12958287de673f6ce0eb511950c61be3d1a28235/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12958287de673f6ce0eb511950c61be3d1a28235/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12958287de673f6ce0eb511950c61be3d1a28235/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/12958287de673f6ce0eb511950c61be3d1a28235/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-JKOxDdDh9pe6KO5/UmYC6xktGqNMRdhJVSR38I8WI07ETnoROAfrbYGjZuYC7DIj4+ajOpBlXWfaO9+zWV1Pbg==","shasum":"cdf95f41d1dba7856e3046f36a3aab2862bd1f2a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.70b3a072.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd2vsCRA9TVsSAnZWagAA0+0P/AnOx0NVb+z+itQe2tnv\nQsXI368jzxPfzK8w6gmSFir0C/plXKfgiXsa1FNvuuQjDYmA9OfBdovg06nD\nG4YjJRQCoA+HSopqtHj1MI8r3E03/KI+0AGxfN0XGmTNc8wRmCS3//oPaVp3\niHS28XOkshBbzg+YY4V3vjXFyKHfVeOO2Ryk1cZIj3zZJU9lhkQ0USTXV6E9\nd3geAfcbno/7UIUlbzRulMnHS3i4f3jvqKgc2SVnXoQ5smtcbccwfHjRkYjR\nNf7ZjS99lOwRQq3lxSmZStkkiOkI0MoSPkeZj6N2niiQRiv8aQcx3FfcmTes\ntJTJR8CJBK/6ycZEhnyBx1LOgwWELhXbh5IymsMaN/fTzG8Ba94MVPtcWiiC\nZIgOu/AtR38739W0uDAB3XF7OoX4McuK3gC/pcy+3YDmmQuOTf5bxzIMZt+S\n0S2q4IKpXkZ2RkwGMSiyAjJIgLfRZOFYUF/dSaExGqs1iYfS4Obtfzi+od7P\ngPHQ+jbAPj6s0tOOtasaFWtowErVHk1/MojNzWtnbcrP3fuSJ8w64nIijXlo\nl8tc59B57jJGnepwP+3B9QclreX8AIqaf/+RXqma+tiYyv2O2ktxiox+QaTe\n4Cy1Y40N5p6s/qq/2rA1sVt6yuA0tn4DraPCGDyw9r9Fnx9ylogbngZX9+wC\nuGCy\r\n=G6uM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIArXYIMbHSL8f0u5yyLdDYj6J+egKPaHDMtxmX6nM97QAiBzZt+fuSUPRBpXiKFUaIOtT96tc2DiVJvYz8PDVttPpA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.70b3a072.0_1618439148372_0.1290395763615899"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.ff79b092.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.ff79b092.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.3793a3143.0","@material/mwc-base":"0.21.0-canary.ff79b092.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/88513d2e247534891581014622ab048f4f2c52cf/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/88513d2e247534891581014622ab048f4f2c52cf/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/88513d2e247534891581014622ab048f4f2c52cf/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/88513d2e247534891581014622ab048f4f2c52cf/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-keVEcHKdiIDunXRv0L2rj/bUhswRDj0Swe8oiz2FmwTTj/BwroMRVMno7/GeqC362JuKETduZln/dQYIs79Qiw==","shasum":"645b4d4fd67ae468bc069faa34bab163bde37da3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.ff79b092.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeI0ICRA9TVsSAnZWagAABqMQAIN6RnBWMX//Nsf7Swd/\n26jnTY2+Y6ii+rI5xlCFVoFNIv7CqTa1SJ87uFzEP98OX1R8hdiepCdXi5iv\nRMxFJrzY7d6JewvnCFO0pKQ9qW8HjPpHp4mxgYhWDeXWcEEqSUsmSlC8cUNJ\nT+wnEvttIRJbxCN+bJfSy0uX6tN9rrT7e/n8RCL4Hwuu2lmsZU9uR5a6bDee\nv4oBJ4fAXdS8Gv00PhilT4MS2mcOL9Pbp771CclB/JUMBcQjFwJOVSMTUybJ\n0uPmvImDZE7i5DMBLKyO0yqIZ5t9PNYZuwhzWAOm73iSGyrgGzq4hK4gIu94\nUG7Bt/zKnrpuwKfrnTlU+kI3AG6Ck8hx3M+Jbz3xYMgr0YzVUJ84qu8/HgvV\n2CzGxlQzkRyvKO8E0ilcvESkpYSs+NxqL1b2CEdQB6LhJWbiZoYsD/8bgPEr\nEAsWVQgzta1ZTSasXo3qeJNHHF28Qh/4IFh312nyHVHQL8e6wdJN4DWW6FYm\nobpoDMS8AvTWzl+YLbJmXQ4U9USC5RhkNCWYt0CUi9V9zArcFe1AXCLvel/F\nI2klgd96zpDCPuw8L9q3iN1mDhYzjbaLUJudn2+rq/0+Kojw1t+d9txhlmk3\nKqi5HOW11eQNjhEBceFAO9wyXx2l9/X53RSnTNAy1VuS+12yvA/0Bwf+T23L\nDo0/\r\n=NPCP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEeraR4/mJ5AMvJf7bMEjAqMEx+9tIhiCMvAFrl++eV0AiBSAT8k3vRGXoRwfhEgYoCzvYJA5ZW9DAWDWxdqkuzAjA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.ff79b092.0_1618513159846_0.9134919902669782"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.f35b2fd7.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.f35b2fd7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=11.0.0-canary.3793a3143.0","@material/mwc-base":"0.21.0-canary.f35b2fd7.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b12bd76b8558ed1f827fb23b46af6854b404f91/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b12bd76b8558ed1f827fb23b46af6854b404f91/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b12bd76b8558ed1f827fb23b46af6854b404f91/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2b12bd76b8558ed1f827fb23b46af6854b404f91/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5s3iztkuSGuPYPEOgsCHauAzY/bhTft8X3hG1hdo7bFFjc9X+L21HH2ke1UQuA0zHam3Si4YMTDohgmw3vghxA==","shasum":"c1fa91c1353008f35aa320b20138f17b36aa56dc","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.f35b2fd7.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeI+ACRA9TVsSAnZWagAAkm0QAIV2EwsbwiDDNgjA3+XL\nelWHaBrd1aUXSeJ9EMTe0G/i7cUOWMZ0PUSNGpF8Dbzk2MM9yls5T5yU1ATt\nRzPH0NPF/2xII5KifgqKq/x28MTw7gzNC0DzWD4OU0RN+J9uZ0SmVKfaH3XO\nKVwsdIn1P2Jft3gbimYjlFH9jI+1ZqpOIx9FsYt5YmR1inhe7y87u6bi9rHH\nVAY21MMGQvSiqgEKTE6OKO0eh+7NVc3kHCnC42c3vlh52oGpRD9zF0J6z6KQ\nQ34kclSOkASHCFcAUm/TiB8qq2Jdr4apW2AM1ZNRj0kciKJGxcqBOra3FiPD\nZsNTipKu7VkoqPy/01C3SrpPPwtYDsY063F7KA8e4HbcNsKAaCW1W4hhQ0g8\nXwpU/iLOQCi85D8zLZKDFNkuFWeZyJFRXp57vTD+ZNjBF5HHvWommsDh1WbQ\nRmCR1RYV6g7SGz7QK2nkoYus4/kx1UI83hNh1gHBhAGhQqgFv8jJ+sriH7Mt\nBs2cj8drUXbPLCoDdBxxEBj2q2sXBVJQ1qAcpdqjQFOdrNdEJjPm88YHpB/K\n5BG9zwi/luYKBWf6FIIR5jQkJ80RvJBB/37Cakr31wgTBNOXwx4tk2naK/Pp\n+uRKxcXqcy8S1uEQogfuGnI9aEyZvFxDhO8fA2rS9xV02VqW3V/Bj03Rm0jS\nuw6N\r\n=S9Pp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/GPaRAsrWyHxHQ8xb2USnfFqTSmBnKsZ1MANXCV3MCQIhANR3ktetK+4zqx0w6rixXfSAqT5/NugL/d/F0ciSG3U4"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.f35b2fd7.0_1618513792532_0.06350304676649965"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.11977cac.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.11977cac.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.3f342c3f4.0","@material/mwc-base":"0.21.0-canary.11977cac.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30cf21833b011fd8946bd6853a20341579b79c96/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30cf21833b011fd8946bd6853a20341579b79c96/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30cf21833b011fd8946bd6853a20341579b79c96/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30cf21833b011fd8946bd6853a20341579b79c96/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-lZ9WCsSDhZVmVR5BNl+QNMWFpumJtVob94QaKzry4QgYmqtcRUD3NKTD44BDC9617QCXsch1Em2j7LOL4zH1vg==","shasum":"677ac51a613c3b65831b4b6806e645d16393fd05","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.11977cac.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeOEBCRA9TVsSAnZWagAA9vAQAJQtpvzN58ycElylxk03\n8IRkE3g+Eif6zYT/+eM7IdgUfBi+/or9GJCKJf/wwaAviS3LmjU7z2ugF99L\n7Bvssnq/A1FGMqrsxbgXONj72GQh6DfGmiUt7Ckqtq7aPAmZZsjJq3uK5t2L\nn4uXtQAHmQsrs2EOXCBl6ySAG8+912lwu6EHIHvSQaThhHLEjUIAN5Jr9hii\nFKilWIvV0bw66ssBy8RFIwaXpNQvuQ/K0+i2mFdBjjw+8bst/NsBTvh4pqal\nuuxy+sX3v7JI1iFJ7mNwiCbAw207IXz8p7h+w/oVCTw6+W8O3nd4LxWf/q84\nVspO3hIdhOv6sUPhsIlzVLJN3aGEFSPeN/XcxWwBcrQiRk9iBc85wF2mT7W/\nCAF5mW3Hh92umdFXGbm6/Cd6sH1riVXpz1X/QQ1zTtH/zSkpdEwcrNt4vSuu\nm/VRI/o7luijm4wsioDmNNWJzvK/Bz9XbB9tKo+FlCcp/CUm9eWlgjcoM14f\nIWaue5HkihVC7+RCSl2d3mjo2hu0J8WFmwvF20+zw1ji6LHypGMbT7tl4njd\nEX5cugm1QP/lRystWzz1bt3XFhUBDnxaFBDw95dL0BcSu5a34VKsHQYPtwXO\n7iqmgqdJd9iHRlOR2YMcAbM4uEly52CPMpUWBWG73BoSBXny7mD/UE4zz0n3\ndvlg\r\n=iTo6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDwlec6C3yt/QIY2qRWzvFIxAg0E0DYc6nHuipvw1ap0AiEAnmT8IaCfrcHcarsAfYbR7wDKPUJ7Jy6WtW8woWRyXLU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.11977cac.0_1618534657194_0.29100765950941"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.018ff45e.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.018ff45e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.cad489689.0","@material/mwc-base":"0.21.0-canary.018ff45e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac1a4ee2a06e36457a8412629422eeaa91183b6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac1a4ee2a06e36457a8412629422eeaa91183b6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac1a4ee2a06e36457a8412629422eeaa91183b6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac1a4ee2a06e36457a8412629422eeaa91183b6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-wyK+6McpcAvh2uruCTZc1uGZV4emzVRClFxPx3RgLPdUqumSWGsaU6jZgSjDaexpmX0cBawVKBAte04xpGhqDg==","shasum":"c24005807210374aa90f4702010cb470e4188e6f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.018ff45e.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggf24CRA9TVsSAnZWagAARb4P/0CGhBEOX/vg6eOwh3bT\nEhTo8hAHYSWmvk+oLEyWTz9XtO86fhA10Avcqs9oWHc2aDIVahz/huBIoQ0u\nuwOegdClSQpcDX4YskYsSF3Ncc5fnl4vijX6JVFwEbBio4DEitZZpjUirHss\nWQnNTv787d0lBWc5xlBo0qUaC4s+fDpf0uAME7wGvHcTeantnhy82jISjmz3\n30CtwNV3Qvs9czW3XmZrrLDe/8kHIVMyMRHFQl3xARTM3uUkP50Aa1oXMETR\nLzWpu5ZaxmOYxa3G8RP26tyWVIq9SE0CIopLKOURio5bZHuRhCgLyiTSeII8\nMM8/+zNxWe0561dUWw8Auy5SJ4fiHmW8ksnBZtu7O9iRUCHbkRI0kHcz57pt\nRnXdvK+ILY6S92sZo4qcslBYXX1hNNyFKRzHW2jcxjqgtd1G0rQ5qt0CgULB\nzg1Pi4xBRnwJ+yM9pupZ5GOQVfwC3Yna02ID5rUPz8JyUVKO4CJx7kaWTsdO\nc9CSyI/X1lSXGS/PidVxOdG4kuW2fmt9gjNzDFWkZ2yrAtoCQyxFahBvCM+C\nNeDdG9FdlzuYPqN0po2/yvO5Ext/YX0O/ngGPGuoOmnd3i6kxJe6p+p6Ndo5\n1B4y7rkwcSDnD4qLo4Jz3YRpuiXZsyI5ktQoewoveH0lUDJLAaIfPOfHsDG0\n5J3N\r\n=UmD3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDpKNG9Ztc5OFNjAdffccgNtinW0zuiT3n/EFVn5vXlbAiEAyAQLccwwHEHtF4Ku11nRidmqTXS+Eg0jPA3a/SiCJwM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.018ff45e.0_1619131831964_0.33553696854803094"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.c99d1fa5.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.c99d1fa5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"0.21.0-canary.c99d1fa5.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/890b4e4cc8e4f275054b5ddf4b3554d0a36ad82c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/890b4e4cc8e4f275054b5ddf4b3554d0a36ad82c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/890b4e4cc8e4f275054b5ddf4b3554d0a36ad82c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/890b4e4cc8e4f275054b5ddf4b3554d0a36ad82c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bjZQBv3IC6eQi5hxfId6dk+5woW7TU6Mzc/vOYXO8A+4/CkDO0X7jeCAIEjJYiE6WCpGTmaAhZH4F7/kp9juag==","shasum":"02de1922b48c3003765735b82b1e95f49fe0b9bc","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.c99d1fa5.0.tgz","fileCount":16,"unpackedSize":52036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghxiACRA9TVsSAnZWagAAQqwP+QFKZG27GgMOWwq3D2YH\nRMXWy+LJMXTEMT4e3vBF6pvoXsIXNpa7m427zx87wHFX25tOgM+smcV/Hcb1\nJTg9A5WTm+IHQoaQlwtFdqvG0io0bRn+UnwKS/dT6fQff/7jNC0ZgnTtnoFf\nislMWD33x0X//ME1LQCDsrYxIW2/SFZUMDUbWOXgM67+oqLeP953VPB8xdoR\nrFbANyxTCJAezlk+o1aY6EUFKpN3mqXpGBqqg+aR4YTcHOUZP1JHaN1jkhBH\nbw+tmUljD+nbUEekUBScIYNp5D0OxW+DU56MN27YkVBGKLfljk+eRPsDBPTl\n13Wpq3eWeOA9VRkxIxoQb0URIXEHai+UfzTPgYwfWWUKVl/2sgqm/CPG6B64\nhPp6xyXGep09XkMxRPqR0/FV/6grQuG9AF9YawpB6E8r4Q6sf4EpzHpH3oGF\nITfsyz6DACmpgpPYt8grX0C2UECT9MDQqZIJTjYQkMRX9fyQXdouX1gcLazF\n68eC47gbhJNG9+lJqmmHdJIqx5pysuMmhxoKJ0p4gnNVKc58kXNdoPaRJ36O\nvYqQEu6m/LxOvzotDXQsFVq/yyzU/8/2dg9du7J9rYui1hLs8B4OFIldLbKW\nzecWWvxxYWTkDbPTYg+Z4NOZCUv4F5mZq7BNdufyJR8VjIPa17EsBcBych//\njN53\r\n=O2O1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0PeI8uD0RvClBiBx9IVO7xTg5yvZneelwl9IYMwAl9QIhAO2YrmXuXKb2MKAa3r2CFInllZtIT+p3uBplsNFztlVs"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.c99d1fa5.0_1619466368065_0.1695502995529714"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.eea9b304.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.eea9b304.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"0.21.0-canary.eea9b304.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5446efe110704f4464931aec816f98b15640db03/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5446efe110704f4464931aec816f98b15640db03/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5446efe110704f4464931aec816f98b15640db03/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5446efe110704f4464931aec816f98b15640db03/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-gK9FhVS7BhLoPdGBoCJ2uFav9WAC0CeG3fWblY9Rk49VCN5dBc5xypUZ78zLZG88ZYWM9z4JuLrjC4QzKuVe8g==","shasum":"189de4c77df0349cd2f5bc78cd4c3544d64d588c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.eea9b304.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiJW4CRA9TVsSAnZWagAAAW0P+QHkQs0H2xt+dA7nG2WT\npYR+Z0K8CHBZAb4hGoo0xlOZIWGvcvTd6iLaZ0Cr/yc6TIF8Gv5YEZkJT5Mg\nmYAiTRhjoGeqD7gB3XB1N/XgODP2OGTotZ+Mk2UK7y68URbr0oO+1AHKGEoK\n20Qmqg/p9f2uWZRl6z8fLNcUhMip1HOAeUiP5W4/4BWjJxnxtKwg3Bx6oxji\nKNVtCkF/TV5uiB7FfnodLbJkQou7mDlPR/c/Wujg5lXc7j8/5ptRXFeYjd+1\ngb3xqTslghWaDPgma6r+laHNCKdBsGDlxCRt5xLU1lhwrZy74hhnYq2AcY1Z\nkyZk1cmVvjGDUXl4ZRxxmcfYRYAYwuoep+NPBDKz6dD1jYVRyPtXOuc+1rei\nIfHyRYoFqJIb3fuWrCl4MHx+6a8Sr4ZSJyjnlajc8qBP255jDjyRiLQDb6dQ\nFOgOUZOZIC1MU6RIodXRvwjiTsgAPI+6uC0B1RfJJ9ocS0abGPMHbwOSqZiS\ngGcYigTw1VhzxaSp82eefqzQODosG+mozYsx8Yyk2qkgPTm281vzM/iBKrNa\n6b3j2+e6rrsLXWw6+FspUi0Ose4uisiSYTFKBUNyi9fbaBsLnZkPoyHMyPGd\nBaS8VSTcTMCz9tnzYLv9MV5oaClqFpjv4HfVrdbXzP5S1QR4d9WnVs3qsuKq\nmK80\r\n=L+qZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiLSiQM1jnbKy2UattmXv6U0vPZA7sHwekevcLOiBBMQIgD5sCJRsM1iPpeh6mrqtrhwQaIEp55bisUDKlS8xN2oY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.eea9b304.0_1619563959660_0.3974651184660123"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.5dd85d0c.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.5dd85d0c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"0.21.0-canary.5dd85d0c.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/87fa4ee3a285fecb598e3c37e03178de68d79f7d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/87fa4ee3a285fecb598e3c37e03178de68d79f7d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/87fa4ee3a285fecb598e3c37e03178de68d79f7d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/87fa4ee3a285fecb598e3c37e03178de68d79f7d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-j1h3DX1PcN+S2hd6cWv+Rl1hnKsaXQwgS4w7t9QBn9HAd9XOQFGpACAxq2s94XNqYF/Pm3HEyXbvTZb+2VnU/w==","shasum":"6862ac9cde0cada0407378e23d24a660cdeb0bbf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.5dd85d0c.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiKeWCRA9TVsSAnZWagAANEQP/jCxJpiAxZa17kQ5kRwD\nITap5GZMipR1py5nSDzI6gJTyLex279WjsSPmOJ8QtU0k+IxcR3qbprZcOuQ\nV0GHNvnk/ivO+Bmh4AsYpWpIexT4dyQ8h57VckauL9iz8RW4RyHLl1PRAXNL\nJlGa11GhCNSZPEneYrntZr+D0xSZXUBvn3s/+eT3yw4Faapjj8HbrtjTBvKn\nIMkxxYjQ8VNnw31WZuc0e/Vyr+qm3KBe7rQ3A3bclSbJtr8p+WT5ZEqMkJmN\nN/2GEyfveKfh7X1KxmEKPr/hTmIEWbqWLcN8Po17WlyH4P5crf0UKZsVine+\naIWzeygqN3GE2f725sUapDEjptesoOdfHj6Kl2cn4eSmwmVU/0w2N8ZK0nWS\n+Ja3xvUX399QIluW5Yq5YzLS0QOfDTFYkz3RdpZ78fH+BVykcfzGS5dgzjv7\nd5eTzNxKs2reEogCuBNhgsXNcenQzHYvFzcUIjy4XSlgt7aFsMOr9zdbrm8F\n9cmu8h54wTdwr985sBLDU8uPSvCVQKViwVWCy45sU1viwkNPvefwpuoTWIe9\nHNQYRnFewkJpxsknru0vdmP1G+WhuIfJEPXwp73elamA0jyMAhxtPr6wyxKG\nuKg/2LPEHrHKAW8g1u5BRAr6YZ7udv5ZPu9rCG60MpZfStZW7axdILDvVkRH\nV+GX\r\n=Y5Tf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAw35SjaiVwGxoLmDkCLQefQi/ElnoF5GTVUwKzYURHHAiB0nCwBFgx0gynf318/Dq5J7EbI0egwEWWnvA5jwe0y0w=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.5dd85d0c.0_1619568534132_0.16298557288275983"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.cc813cff.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.cc813cff.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"0.21.0-canary.cc813cff.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2505c49d16e9b978469aef456cb53e6d6b265758/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2505c49d16e9b978469aef456cb53e6d6b265758/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2505c49d16e9b978469aef456cb53e6d6b265758/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2505c49d16e9b978469aef456cb53e6d6b265758/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5whzYDMp+lgdk0cUY+zGQRkgspB3ykzqjihH/htgagho+1O4xI56PFEJczvZDj5K/CnmO5+0rLybEYqj48HwGg==","shasum":"d575433ec311e396c394a9d64532b223e2c33ad1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.cc813cff.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjHQ7CRA9TVsSAnZWagAA5PYP/AmoXLw71GK4w66Wtp1d\nFrpLt4UpvSVfrjwnBAH7TF4YUGcTTPhizH3tBpWrePI9K0c1QA54ywmy7ATI\nbnsFmnK7VU2q7Xva9e99lsa0IMcl05FH//VlM8VnZUZcesdV/Qiv3UCelE1c\n7uaFdRqky+U2qptsbuwPiQIn3aAfZIq2iMQzv++yiOidYFEdiZOsHqF3dS+p\ndicUu58ByN5PWaDW1MptzkFgOsKG0/NsUbOPx1sTViL14emrk9HrHsYLrzHE\nRwDGZs5v8/1EKwyO1C4YUjgTaApI6U/eVc+YGO4kRTEpjEA5p72lVLz1SPjA\ntknUzBCFvoISb9YHCL7RUdeK+XqT4YW1oQtyZhzODob1a31RTmA6oRYIqupm\n3Eb7eRXZmGv0aH7t96/Ze/KLCPKLbp25Go8oZRz5eh0wE4rma/L0XmZzaVhd\nFUx+bpijS/A6jjvI5t7ORa77l10NwqccFoD9+DD9uV5fS1tDIEvtkSfxJ0rA\nhe3Vro8N655NVsRyhHVY8pUxuVM/sdNDR3vn8QyDYPnNuIeRToRCSsDcZT+5\nCAQQxUwYp0mLS0HnRC4v0RqmQpxC73O+bxxx4UHh3vp0nrgLV+r5zcP3CCOe\nRdsOZWB0oj7WCK+SxUzkfoFX9lnYD+nWf9Usp5KRWzGgsTMFkJlTmfHsaqsI\n7KLD\r\n=D8mY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAjrabVcnG+41Vie6cq0AnVykd/WBJD7d4IfWACaaPgUAiA52vE9and457iJ2mV0HKjdtZRdLlNVpB7ZPwdzqmVToA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.cc813cff.0_1619817531371_0.3022881487385938"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0-canary.0875e898.0":{"name":"@material/mwc-circular-progress","version":"0.21.0-canary.0875e898.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"0.21.0-canary.0875e898.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5ea3c745b8a267546c8a9f9ff3e491bd41a8f2e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5ea3c745b8a267546c8a9f9ff3e491bd41a8f2e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5ea3c745b8a267546c8a9f9ff3e491bd41a8f2e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d5ea3c745b8a267546c8a9f9ff3e491bd41a8f2e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-PUEvTVUinlnmudszAgic9IOvmgQYqQZ777Zj58/UmDT+9gAC5Ju+fiBToTmlFnD/PC7MG+LkoJjLb87QAze9Xg==","shasum":"47758146995c5f6ff7d76a6ebb8264ce18555743","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0-canary.0875e898.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjHYgCRA9TVsSAnZWagAAuKgP/1l0MNLzSoeODVJMfafz\ng7a5i85Tmw8ihASg2JnN7jy3aYkYQHMW6q/bDcvWV/k2zsnq3TGjnrwsMFXs\n5oUKcrZgvQqgZRNCOOSPJ4XpUSdT1GLL7agLYABh4vBlBlaX4KuQ/BUXHyD6\n2EpbyobnpR4bobpBYQMZn6S1aRjiDbVWVEOoyK5y93R2M7ncGCCzF2lp5LJy\n5GeW+FJb1gw47Tmg13Mc4/jHo1xEVEe24SAS5rPwADLFLPoYKz81X5xTYauh\nqfRPYPc86zVLuP5XduxlkKAPJFiPSoLclkoOck57RsmuIo8dxQ0OObLcH8IN\n1JF2Fx2o/VzvzEsM/EuRsHB9ksACe0/IDB/4+cOnhodptUTWXdCgNtLK7u4i\ndwv1q+bF60BK3CikhccQy8ovdl3cpihkJBxFO45ygLAG7AQPy+vyKhPkZmRJ\njp8H73XVLsTp4/jMMSUGwajNM10OKJWg247aWzlbBJraWGUBOb8TNidoU0pd\nQa9EKZA+Bl+H6hYSNy6Bt3VMHikLiZuO+UyRQUCme1jRRD6p8aTLhtgFhUKn\nt6IxWloeF8US8SmJD8Nt4imYbF8RQYH8fsbP3Fq4FYwydyy6UPtGnt551fOh\nAZqcgsFEN3Y9S/B6C9F0ITArBsJL8I08PGi5g+j9QLZN/Z5pSseouxuqO2Mz\n/byj\r\n=VcSo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDL/Uow/ip3TWfQ3eWlDtVJDneQPb1ywLKLM0xXUd09GwIgakRry5bJMOwFQLPlMbPGrnvQWeSyTs8hFdHTYAucYmU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.21.0-canary.0875e898.0_1619818016311_0.4430019007212882"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.21.0":{"name":"@material/mwc-circular-progress","version":"0.21.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"^0.21.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-circular-progress@0.21.0","_nodeVersion":"12.21.0","_npmVersion":"lerna/3.22.1/node@v12.21.0+x64 (linux)","dist":{"integrity":"sha512-x1qSiKzs7p6CDdor0mdlCCX5KAZKS/hf6nrMOmikShevUc7/Wb9ghCjYBrjYG4f7t1ceRn23wrlcIcwgOxB4Gw==","shasum":"f888a755a210a2613a86fc07bc828045064bbff4","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.21.0.tgz","fileCount":16,"unpackedSize":52023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjJmKCRA9TVsSAnZWagAA0yUQAIta4SLftCMMVFYzEn56\ns5+jcBX/XjNVPQ5ZLwEQJo3cDWsFVGmkAdX4Vl0MKUv3F/pKtKU2G8WJN5qa\nV1VlZGS5ptXBRpDXJVJDzQKkGRes92gdv/VicRx8N84vH1XwCuBV7uSU58nx\nFTT9fbvVxCQVycwiAW/X2p04jCHIbV6l6YCQiN+rTjw13aLV0BWF0tHlJ+d/\n5uvx4B6nKfb8h7M0Gusqf6bNsWiFYrt/E6W+LOdGef655yZBOh6qBcc5xUx8\nNkqJ+jCVCFqBgIgn5Xhs0pEpbuauTKq5gBIUomTfaqiXoYiWx+FsKCy3zvKb\nUczJZlZ5tKIoBRC7fDV0OTh189pq+nnDasob+yRP4/I6YxT21q9wf0NSNW6/\nBvsQXl74dlokxTOEYOnhUHOiE6OMX/kK8E0iGk0Idu1U2ZkCx4Y5/RcKMq32\nWu/5PIXA7grnPUg+E4nC3pQJ4CU1JoZDubOGTU6yRrHAs03RpiREm7DBoNGG\n7d3DgFtZkJSMmZezyvzj648/jeq6ZLRTO3Glv2Q79AhoUrsE6ePzT7HNRiFZ\nChcK4WwShjaJ/heQBv4Fn4EAVRCbTe6nPD8ZozZg+MH+DWwLZwwVtEj3AHYf\nPSIp+lc4q71KRHSkVnOLQD2+qGwUFCrkOv2I9ZDYFHgSWDUPZq8qdzDEOWeL\n/xdp\r\n=jKtS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGKMRcJcf3cPdOhv9F7NvVI9r2ji2qpwJWF0Dx7dd7MJAiEAp8hQF37h3hW26lzPtpdhh7j8F/GEIIT1OLccfKKOfX4="}]},"_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-circular-progress_0.21.0_1619827082346_0.37477429719147626"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.8f1e7e1b.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.8f1e7e1b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"0.22.0-canary.8f1e7e1b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/346f8ec243ae13b28796324e6408721377829b39/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/346f8ec243ae13b28796324e6408721377829b39/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/346f8ec243ae13b28796324e6408721377829b39/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/346f8ec243ae13b28796324e6408721377829b39/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-yqG0kffrETN8UYhe5GhmifAZfN4qktu4kl3gHoy9wNhwn7fZTBYul4uP48QaxgAV+syrkgEIahmfsCZBLhgPOA==","shasum":"712a84cc772bfcc138cf7f3ac177feb3d55bcd3c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.8f1e7e1b.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjJsfCRA9TVsSAnZWagAA3ssP/3RLuk2g9yxVGsAGHd/q\nfIATfU5K+3BxzAEMropxzB8kzyR5I28Brhdd6kwf0mQBO3ShYytf3866Qqeo\nJAsW9CZOhn+dra4dTvw/29RWqa69cZ87P8LDTND7bYj+ZdNMY2Gnr9tTe2vs\nEbatvaOBqv8ti7aU9oStcgkupMkllxtGI4NNo9qkDc7J1ccL7LYSM4f9xm7v\n+eL2QYhhJsXVEk29LBoR2Bt/eTUbp3v5UdfEj2dWLCMKeE86Id2WFHEuzpLZ\nViN6oqNzaBG2/iPRdvSVKCHmh7uHAS3Ci3rU39chn9yC6TSlMs89tT9m1/bu\nVuKlmUXaL2v+i9aWuW0ZCabBccM+eDaiYS+oNEFSnivqiAum45Jn2vjf2lHY\nBlGnJbJxbbTakGylKdpn5Nb0tcXNfBkQUynGRXWUh0UI2E5vQsfcx6gNsuF0\nT7v1UX3A2H5uq++GHe/qdyHZkknYbdAAshWm10zX/J0ObxeWJNGbd9ppB4ZE\nwIhhoFIA2NTw0jiIorr/fWEBRxEcxZEHsooKy1ZtqTQqXOeqGDhaW9c3FkPP\nqvT8qrhDfE4HqACKI7z8sLrQaT4R73zgUCqlpOtddVnA84QnXK5C80Wqd5wy\nHFevDDVMkItcxb0XyeNT24K5mg4HKcjnWavIAUtGtUmAMzW3yZQ81w5FiPah\nOm0J\r\n=H6NE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdC8ICuPJez/dmQFGcwINlLLtRCJxAYOns5WfHaVWjvAiAYbPDkSZEZ8u5IDOM/1dPs1b7uinpRoj4JlJclduW65Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.8f1e7e1b.0_1619827487385_0.4665785338195656"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.deb0e792.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.deb0e792.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.197f64fa2.0","@material/mwc-base":"0.22.0-canary.deb0e792.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7b8ce494b86ceb69e799a5ec1a9f0148075d04be/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7b8ce494b86ceb69e799a5ec1a9f0148075d04be/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7b8ce494b86ceb69e799a5ec1a9f0148075d04be/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7b8ce494b86ceb69e799a5ec1a9f0148075d04be/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5wAOurMYopLHOQ3ed6XUtI1pZA3Q1gGe+lPJiswjYE+A3ktQH11DhPpLFlUu0+o8QMwQ/dKbLRBvTD3b4dOR8w==","shasum":"252e99e27c16676da3dfda1fca678e7c00d3c145","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.deb0e792.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkGw1CRA9TVsSAnZWagAARFsP/0C5JyyFKX6nkPpxom4R\n8wFbxLn1jAUnLpi12R+ibopKRDO4foZrCZ4HkjMEft3yvf6CexaY4wEsDsK9\nSS38Z1r4FcsIYD+39rsAhCEivUiaKAnNuDWCZJKy/oQmOnwgY87fqEfa4GHo\naPR3TSUZ77+xXzSIs+m7GPadbnLrs2U6OC1R4qIVb8fX0i7lmmR1XNIfdpnC\n3vtnxVspBERMCGJQynunRuAQcStu7X/Kcd3e0VdjKdiKYwS31cXR1GWVpU4r\nI2KGm38Oq/fvji4BdNNPsnCGZDe2SaNk+DG5IssuTYzNn3lsffHos6PFnUmQ\nHX3tk1HFjdFKgkYI62yT+5uUUEcexV/PII+GVIOaDVayom4XNfMo3FyCC9ze\nAMZ8gxA/ZYmKsw8Mgz3PEIqNBLEVwMlQiHew/Z9UgsN6eKiy9jqqVRKY1NBy\nEMtwv1mYX9MFh9LM0ZIqCDg6PK0i9U2GlXUqcVNfPGM4Pu2DJlExetMY+aXo\ncfhMHCY2GSztLj0EKgEY7s5xbCVUqF52Z1P2dZPXqhDdDTWVl9M3IfP+3Dzm\nooM6RCasbCo5FSkXxH6GfqJlBAJhVcaup3s5W2Lq1UcIww6UOHPsNu4ZzTzA\nqSB41/YwL/tZgz/MoPavlBZlyZtmOBQDPCKJ4+JQGfMT/POIn4Fz6Fa1xzq3\neij7\r\n=zq94\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICrQvNayHBfKAaefJKCjb4wnGVPozeUr58HIDLg7pUmdAiA461dZYXUKeMmRNrOpyO7mGrwd9IffW1Wt6DnES1OAsw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.deb0e792.0_1620077620783_0.6065155455936697"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.a3ff615f.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.a3ff615f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.474836ad0.0","@material/mwc-base":"0.22.0-canary.a3ff615f.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1e819eb3a7930649e9ccc58d69e42d7d17e022ea/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1e819eb3a7930649e9ccc58d69e42d7d17e022ea/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1e819eb3a7930649e9ccc58d69e42d7d17e022ea/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1e819eb3a7930649e9ccc58d69e42d7d17e022ea/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-//q2YAhlIhyu9NFcVUUGOSZ3na0pWYpWt21CF1CM03+ybuglEQz7gFNBnlQ2KFtMLD1lsAgXkwI4X5q3TVduyA==","shasum":"ef355650af653a148f426e2d8a112ce43326b9f1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.a3ff615f.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkHokCRA9TVsSAnZWagAA4BAP/0A0/0w58NbMJFZI9Yif\n7GQlfpmV7qkBi5bbZSv/f+vFnVYhdNUMZN2fsYR2ZQl7VEr1EnB95YxC/Y2A\n46PjGWccDWZfmKTiWm0EPEV5CtMNZgtkYLly3itzt53gWO9T3uFDzF9MGiHU\ngLhbKSccLhj9OFsUqqxet0RXXq5IDgLETNKK2mWwnRGdW9CBKkfeLLEFsR2R\n+mpKJW5DaaYpNK1P25XnmYX6Uqjk94D4ilQt8ihGPaXOctnPCYeLBPuZCHfx\nxiaSYMGvNotxtSQx8qISvzvnL1FfSuyfKbGa4IFYMq/5CatURqcXkxxP5oGy\nwc6R9q8hwQLE4a6WNCSowL9ShTEvAOrDQjVoRQISxwBgiXPKALYXMCM8zI0X\n/YIJvKRpTPOxQYPowYQMPcCSzPVt4khE2Cg6DNu367v/2hvXt9zyP2c5GLq5\nhjHhkbezsgWyGY/nCB8jyO9yGquzr89AGFImwaqmPB1z5KGKPnqz5drHbnTE\nkT2McqEo4rGfJm3cCNyVXGuPu/pWurhoustlRcgCOBOBAH4oW07jD+H5mg8o\n9OA6QQ3H2507RaO5yfAj+KsozeA06BiD98cJt6jwV+rkzbAGu6sAwMCqxJS7\n++PlvXTJDRuR/wsCLIzhT26JYJqVSYC9nsKdrugDB5aai9JMt+efIDhaNque\nHI81\r\n=ukaz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID07U4HLQVGsEaRctQZzr9PLzwq//9s4Y+sGBXfpCQ3KAiBruRh+GzebGUHA7y37QEzwZdPEKWD0BeixRR/3k9dsGw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.a3ff615f.0_1620081187840_0.48659683872134707"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.948ccfb5.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.948ccfb5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.474836ad0.0","@material/mwc-base":"0.22.0-canary.948ccfb5.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dd7576742ede6b9f763d391eaebd31ce501ea16/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dd7576742ede6b9f763d391eaebd31ce501ea16/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dd7576742ede6b9f763d391eaebd31ce501ea16/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1dd7576742ede6b9f763d391eaebd31ce501ea16/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-9hy7OONu1UJcWRoxpq1LIwKfl3SHJf6JVwMmy625K/UOtqVqoSfAgVTmxBNiQoxOSvT0GZVsZiwht1pfE90T3g==","shasum":"d83754d0d47cffebf3bca67de119de735c96ba7d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.948ccfb5.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkJDhCRA9TVsSAnZWagAAcHAQAIPezTlPdBg49S/hck8W\nlDdZyzhSAMC++G0v2PDf0JkfG1b4AftVrC2ELo9qJfpf2iWIakKmSQQ84sic\nzRYFlpRjHFpLpnLufn3PUc7fxiVjcvMTSu0TrShEO/lsB960YIbq2plc9otG\n1gWnkwKsgzTk6gDVR4u1lJ5UQbmWpsV2vNRpHKTO3INewkwhL5O2CxKpackt\nkBf3MdcoPc1+SlFtYeYZoo6RQCScMz7CcpCMnXAPXgiWlRwftNFb0KhJxvM5\nGU4U2j1ntJh0Kc+bqheJa+WOc5s+JwWfsnK2AVipxk45Ev1nGlOQwHCiQ/FB\nYR4Q7tPIGIl3eGLacuCfU3hN/jNwH114JHHp9DAl80/7wDSrI51VCSqLCnPm\nhyb6WzCqT6748q+NgEM3ZYfjl4z7wxTuoH4DvTGkMx7ZsM6KxZmvMAazyJLP\nSekKW0eKgEXoKPHZtIC7C63GZ+ejhrBAdJhCV9TKI+9ErOHKYnJDfnmK0BPK\n+wGstEg5ODBDkpF1U4q6RAdW+yLJWHccMObGBz6zhli03+4a0NLQlrlOZWOQ\nc/y6LxO83gRPryO/x9ST105rc6tvqgUR9jnjqWyYCBcUQKYstY0EdLhYVVo3\nFRjiKjyLndUihxvmA4rgjsJ90iPsX0PoYjgbfzxsICe84qgAQefOAdb66/L9\nup04\r\n=qGKQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChrWpTUCqB4YZYWAQKNVjmAOa+U1UVyWhnpD4NKnOuMgIhAKU65HJRaFFMlvBCG1kEHZHJ60EQEgYkQLEg6T3mD/Yl"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.948ccfb5.0_1620087008815_0.768975796159449"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.9f8337d7.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.9f8337d7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.be999eb08.0","@material/mwc-base":"0.22.0-canary.9f8337d7.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c25dd9ae2c04ae380f41705f23786ddbcbe29456/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c25dd9ae2c04ae380f41705f23786ddbcbe29456/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c25dd9ae2c04ae380f41705f23786ddbcbe29456/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c25dd9ae2c04ae380f41705f23786ddbcbe29456/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-D2oMQN9pKPVtRqPO4q91C+rDDZZIcH4oOyrKeBtAdhf0MANbYnKhhcq0E4t13KjUAOBhhgHGKbnm62a1ECeLIA==","shasum":"992fbd9648288d03b8314a8ab9e42b11570e2998","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.9f8337d7.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZQqCRA9TVsSAnZWagAAIXMP/3+ISI63LrneQrarcn4i\nrWX6aA8tMQxzOVi8sAyvkjvwUDYXacYjFxnDkPVT25uNd96mqgeD/FSEtvJ2\n9wRWyM7MBBx+lqYy3qVbvXXDGAIJaxL+8txRvWJYUNwvRJDk47MLw4aFzuqR\nlajPL3fQEq/NkMbvwnVZd9ig3xbmTzjREsbtcqkgLhbd36/Yl2Xc/pHU6o10\nJe0ubIWpDSfFz8aHD6V3M335E/H5XvgteMX5C2u9nk5cy6cvixncNiB/D67M\nHmuFGeCt7aSkIfQf8N9MI/FLRKf+FQY/vOqsEdF5JLHhusplaPYseFz1piyN\nZQXIbty2kQlKeRKaOHhLkKUNOWj9zdY2Dscl0AFpGA8eKcadC8ynVDaQ3rUX\nsfpdQqvG6T8JUxFpO7OcPBGyTrf5MucnxsfH18E81vV9WULU4L5fOexq4T62\nIHGdxL5WQZj9fSvy7eqtDiU05fNwf3/T/lrW2IXG7qOWXKePlBDdafX40bUd\nesO8Gin2ZludoeaX9gLGyOGOPst4vcNEWdD4+AIGQ/3SVlQPp1VYsFcc0BWi\nJfoKMgfsPC1UbJ5JWlyS+9JNiKv64arsXe+Vq3VmFi9XWL1CPhhsh4QFFVdN\nDYSDzMx4asIyN1nekQp52C7huBE56OnjI7KXgL48s1CpwwDkycZ78nyL3WcK\naGkB\r\n=jN++\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH29eti5BgV7JobQJ4tX6B/m+19vp914T7uEBG2K/3iNAiA9FgLS1GRJMG8l7sSopQP3aM3V9yXmu2hISlFr0JEcxw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.9f8337d7.0_1620153385974_0.8586082436664304"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.5813480a.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.5813480a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.055d4f10a.0","@material/mwc-base":"0.22.0-canary.5813480a.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/293298dc0704d114f85fd245f98ee8f21a3ea348/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/293298dc0704d114f85fd245f98ee8f21a3ea348/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/293298dc0704d114f85fd245f98ee8f21a3ea348/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/293298dc0704d114f85fd245f98ee8f21a3ea348/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-84W09J9XcoCzAkoMFflWqvNHqixyn/umidPMq2LD9jldorOZvbptdOuOJZsrZ3U6a/XTaS5oZUYZtcvxYdA88w==","shasum":"6530c6313ab3f9bad9c81b247bf3882c6a75af3b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.5813480a.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkuLyCRA9TVsSAnZWagAAryEP/j9FCCMJqW9evuINVNGR\nOyE6c3q19Xzb4vwaVMmMFktQVgcmt96mMp+lGp0PAxQOfAyPmsxSZGK+ZFba\nMUrPtEl8t+IolFjUaFV3oaxEOnDDXFs5Iv681e2Yvek2ZJGOfxNaz0mxi8+G\nthWQ9MmyCXDTYvFtyGB5hGvyt3s2OFyuW1pXweFMMLENHOte5HeQm8k6xc9B\nuE5YfMBc3oSnk95okt8F0E0+BcjH/6RUHsuJZjNpga3/Do/e+f0ZsBOVLzFW\n7Q4/JTtl8U0A2Oyos4p4oytaC0hYxqKCNIbC8Wl5qGPWj9UNttgKHEf1CKtk\nhqE9JfNc7kN9X6QKCkkMSvDdsF6/+Mn/7dk9i2Xg+Q2jFyPA23oa3PqCR2fA\nbvPkDKGeob3SaaCvKktsFV3RDweuJCzhkdXSshsf7KvswVzJ9ZgwuRsPSYe6\n8NjvsGD1JJYlOEE9g/z60Atwc2pOW00YxHocyfq+Iky7kJRZry3PZU+0laBY\ntncmV6ykoTgF5mnxbZMsOlyl4gbJ6+4hjcP1e3Xpr1yDvDv6wFRjsDk2XH4D\nb0H9asHEzY8Iaw6FCRj6WhyBKj8NizZ4xkVlyCrAnBw8iV3NLFdk0HRemYBj\nbSBYPf3Q3brmZ/I4vbeEC3FZA1r69BnHUMAokCMx1o5TREx2VcQR0Gp3B752\nwsCv\r\n=j0+s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEINQHgDqQMN5Baa/TurJtsLNJuIHlHfK8+vUdnBpDPAAiACVFDEb7fUx5hhiAUXYTxdq6JFh5dIpqtYDhG6QJd7WA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.5813480a.0_1620239090380_0.39408544253576516"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.ab7fc1bf.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.ab7fc1bf.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.03f525f9f.0","@material/mwc-base":"0.22.0-canary.ab7fc1bf.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9aaddda989be6b623f728abc86d48adf169d6f69/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9aaddda989be6b623f728abc86d48adf169d6f69/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9aaddda989be6b623f728abc86d48adf169d6f69/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9aaddda989be6b623f728abc86d48adf169d6f69/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CYR4BNYVKj6oAKn4AFJM//pP+tZkSKAenCUAfxy37IZ4C56OfAjh70eG8AAvHcZV1tLVc9JYDMjKCByuNni/rA==","shasum":"2107aefb5d621828019171bc496091694e90525f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.ab7fc1bf.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglC5LCRA9TVsSAnZWagAAtBMP/iA8om7Txvfyacsd48Hq\nCJH785Faymq6UpFZ9FsqW4+rUPAVTREH1wtf+yEQYO2qHhDL886/RJ8WB+hX\nmTryg/emKx1nwIR/uDme7i5uZlP/0D2q3rt/ETcNISBivZdCsIiVX674NKFl\ng+8WFHj+AAsGTtXTOXS2E0PXL5zOAY0pPzI9glo9q9QfnSwJKGWOBalnUnFF\njbRLvwN5RlILTUvTOU3rFxlyj7bjUjztf3rGdW73gorkIxLi/uyGzpuy8IOK\nfgsT+9uq/otQK2qMzIpnyfiLwNXZSZwkhxcrhHYQZRaGPyV+AXS69HIHO0Ug\n/YvLDIzm+zOhABWNvZtzti7E/Kvt6Vk++mHhsbNCMHV9NhTGwyy65utTTosn\nidKhcVlShAQdUPJYawHGrSRabbT0VOABbMyduEVD/5p2Md1O7B5h2y7/Aw3q\nYqt/OifyZGGY0zrX0kUnNhQxpLauZbFdN1YOXOpNMwmWJPTCf9UKrL9GrDsW\njAts4AAXn77s81qdVqDjyOq8MJKR8Z0RlcXhwTWrTs845TFmMv99yoZuWXJE\nLt6pc9CMDtAZdz8qLLvoeLPmbklAhjIqg8PB1KwVNH1UWiqUaBbWYzLHMrms\n9fpuwWWoORnr1uQxZQN6GKcjzegci76eGhAxoTJIN37SXTKtps39h55ZZ0K9\nZi9T\r\n=KSwX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDV6/XtUo11DyqTu97LcfVUrctH/jLfb9+gn+pu3JzruAiBTWslsNFF+8HkmhzS7Z9vMiexRVaNIQLhESfv1WDM50w=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.ab7fc1bf.0_1620323914940_0.17877884655125098"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.25693d60.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.25693d60.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.869d890d4.0","@material/mwc-base":"0.22.0-canary.25693d60.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89015755bc4d93aab59cd46274331e3a6c467896/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89015755bc4d93aab59cd46274331e3a6c467896/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89015755bc4d93aab59cd46274331e3a6c467896/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/89015755bc4d93aab59cd46274331e3a6c467896/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-T3LNVl/GE1jX3IrNNHfq+m0M6UeOO64D8OYCQKdmznvwo0GGZWvSfAnloMAPK8OYmYNK4ptl+LegIqOauJkeog==","shasum":"bb7db3193843b0ee94bba06ddd2c70f81459ada2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.25693d60.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglbdNCRA9TVsSAnZWagAAfdwP/RLPDFXLFybT6576O74V\nepWZfgOM93l/zTGgVNsx6eCQkdhAxsFNV6J6aVwAkYP7/UHevU42fOMIdwTM\nwnxlVqEaI0cVaIApfjgEixKnZTh5AWm57PB8gvyHpxP8DqVmUURXE/og7V6d\nnY9EWGsSrI44J0VkjvEAzDfgFfCYCatAaGoT//jl3OsdIuxIGqBUwdi0nkGR\nqQw2rl4t0hrnyg385+rR2z44jIW1CNQR8cE4gJbp1yisG2hbSpzodCJt3h9P\nbjQ2M9lUEBDm9yZbACVs6StCMCEplpRnAhN0R6aOhtE5uwmN1FpPdsEBlqV0\nTzdFnh6xzJ2V5WgyWZnHH+nOBmqTPy9Hsphzxx+pQD+RJ1lEL1AP1FXf4OvK\nN2laiVl1wYiqU2J/ehwWkS3tF49yCpn6rik+OfmUzVsE0WwLBwpgCDO9XBKp\ncoqIPIoIFHPtXHWR5JqaDGSDXCpNxDMe5OdGeIyA4AQK8ZLmzh4Afj11xlsC\nNXAg7X1bLjQRc3QD5pxneWVsyA+dm+tZjJsRMJt433aMLF9nMi0/BKjRqprR\nUUVAtXvRnP0gwVsT4Yu2d63Jcyo7JVV/R+Rf+l5oA4zPwWihGbS96aQXhIis\nBN2BdL9P6WL70pFbA/dk10EXq2CaBtd1JZMR84JS942WO5OoWkaQ9Z5MoY3B\n6PT4\r\n=1tji\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHcKg2mQX1cgHaUU/nO8BWKxMwok7mBhbxosX2Jr7vdZAiEAquAFl1WJGbdHtwtHuyW88EJF801BHJDN+nnOmjEFFJ4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.25693d60.0_1620424525019_0.09560113534301973"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c497962b.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.c497962b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.869d890d4.0","@material/mwc-base":"0.22.0-canary.c497962b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be15d892a32bdf28e42617b44e38b301b0ea590c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be15d892a32bdf28e42617b44e38b301b0ea590c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be15d892a32bdf28e42617b44e38b301b0ea590c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be15d892a32bdf28e42617b44e38b301b0ea590c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hYpJxYGYvmlZzss3vwlMwDYNGGeNX/o+xONXIpE+Bo95h9QrLWw+C3CP6i+TMZVndwrg7jNkG9NqD+fqCCUeCw==","shasum":"780edb31bb7d597422536240341c35ad130a9613","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.c497962b.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglbzpCRA9TVsSAnZWagAAC7kP/Rm4lKSlw93MkmdUIpE5\nlnlveO4i8lZyz85YjGbvDmIu2o2O8eB4ApAmBI0RJKZAL+geHINXzuIv60in\nlbqJB1eJsxUA8ZudLawgYISDP0AietbnlHFRBASSkIPyCQCNtWDt8pbJLMsF\nqMrKj6cRpAysGcvSjyTAmEojSsGr22wQ5Gj/HAibzfG+pkakaDaOtGRTswx2\nY68uxk7V51LbBNtSKMGBE7D2tfPm9cCKI0U3r3JSqlU1SbKUjdSftqBhV7k5\nzulX1aRkvxxlh4qi4Ly137ZrHrBMMhz2obmFSNbp6MiVlcXQaiuuwjuH/2VL\nxPFnoSs3MT17K3Hq/f8srRL31iRwPCg9ii27ps1ai9OXBxeC1N7aWclOOX/M\n13mrDfEBamfmRszBKY3sn3nXNW7QQzEeHc6FhJV6+FtsCCbS0uoEXYQNyzEN\nFAIxEj/cOWiZzhAa94Wzs9oqDm8wo48p47yZmLVOjnkgBZT6NYdoG/qBm/kQ\nNKAj/JWZYaWtM3msiicu815YtlSGhyfk+80NVg76HtEy/A2o7ojqmLO2P9iz\nmobIZjK3SOP5YXcdPo4WDfY8hWQ9hD1ldWGgrhYP1yBLRMy8lLPBiCq+5fTn\nNfFz/d1WJhsM3+OHDUWcWQcAOK52QtxTgITNcTr9IxOyvVUTFeBzwh1ilRS1\n7qND\r\n=12ib\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHxZdm6x5FGKmgnkzvIha3hwgovFA43cycRoZoAIEmEiAiEAnAfXOaGzIiPrFdWJpjoYsN6DrjE1Mnyu9uCdCGFqQ7U="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.c497962b.0_1620425960772_0.05371457415472203"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.e300688e.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.e300688e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.869d890d4.0","@material/mwc-base":"0.22.0-canary.e300688e.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/94ee5e4aa5987e14fc749785fef3b65b73185c74/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/94ee5e4aa5987e14fc749785fef3b65b73185c74/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/94ee5e4aa5987e14fc749785fef3b65b73185c74/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/94ee5e4aa5987e14fc749785fef3b65b73185c74/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-SWcK7el94Co3WTWSXmAQcWrwDcPLKsdAzsrs6rivvTcfEba3u3Y/QFscbizWgcWy+CyrZwOdlZZcag1GKZv1mA==","shasum":"2515b2879af14e895f732f58e69dbb5e15a0e21c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.e300688e.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglb32CRA9TVsSAnZWagAAuycQAKSE5D/dmJj0ikmdXcj/\nVR0EPvpOaVLhzPBxI+Inb8HjY+CUg/ZiIoZkIxrgAMLG5Ad4GY3tskPTt2+Y\nc5131aiSb5F36yLxDF3+cO7RaDVrX/+8uabOI0FOko5DywLQuddWS7QixW+E\nbhqGWZzUJzefZCPAeOu0fD5JiWMnyngebdDI3E/Vs/sIIn4bx2as97r7FoEj\nT2f+reausEEUT+24fnUREM2b7dcukHRLpTAK5rAwT01HES2q64QTIjlrRun7\nbL8k4Ir+AVhULFPFWVo584D0MZz8B5Ki7u1cFTjxRwhZj+ECKT7ZjF22XXk2\nQy92vetg5EbBmvK+efxia46kG70rCv5g9obDxEuOSSwmgzOEC6vSuPkP/wvz\n71S7KTVrauNTF+4rLVQ1XX1zysqEYBMkUtZD1AFLM6G5fIZFtm9IJ6LcMbLA\n6N6b9gNS1yB1t74wyH/Igi46YOXY72dZM40Xb1N2Z1tBmEnmTe/6JrZyU92Z\nLFhqla4Cm+Q6goTyy3SFdltyLWly1dGw70LZ+hLRTOGJQKfux05gBf+iYW1+\nUVoXOJgHG9HZf1nzLP+9QBG4QMDgPYs/kO69Fw/RtfssXrILZfOWm5YG9aEK\nSvdJGIrjImg5pZs07rawW4zYyvCbug0+rBGy9/8HuKoMa0WlbR0t0JFXPR3S\nvoW1\r\n=zQen\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzSmssE89KvgYPUgzevrpwFAcyfbPQ7WIpQa4msSlrJQIgfzRqXrteNSnj1I32HoFMEkctqm3pYnO4KSp1tvcEoPA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.e300688e.0_1620426229774_0.4263944667674642"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.d70287f2.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.d70287f2.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.869d890d4.0","@material/mwc-base":"0.22.0-canary.d70287f2.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/17a229885fc92f311534b89a9df6549e9b78c204/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/17a229885fc92f311534b89a9df6549e9b78c204/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/17a229885fc92f311534b89a9df6549e9b78c204/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/17a229885fc92f311534b89a9df6549e9b78c204/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-RN54CG62/sgrC9wBAQrr6JaalhgsZaRY5lO6Jm2lX6gRY0ox8TT2MNoNJvJYW3Gf/ZTtNYKLpuhHYgzJYrFdKg==","shasum":"59d6083a2442e3c19c0f3bd8de57ccd6e5d906be","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.d70287f2.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmYlqCRA9TVsSAnZWagAAj8AP/0G4SmBbXNF5LYJ1VIhY\nDAi7WXqq5F5otvghvckkQUzbjr3C2W5z1WPkmIHBURZ0xeXlxXCEVOLLra5D\ngog7/iKZcYIbJf059ji3IBACETsoivbVyduritERIXd5QEkqmdIPt4XnwTht\nqiwlnAzAdhsUqVK0WTkvZDIrOWMz6+4/Kt2KvcgVY7Mb5th8KVQu8T9bUhM8\nYLCEQby/LCBbzZcMr+guG1MWmpoX/xS2GjcABb3kXH1vs5JxcdQW8wa22ANb\nBv4vIHLqOgpTWTVh4aDsg3inuSFBPM9LWJDQhN//Hdi+cS6MWFTyP2J2CyEB\nvv3KaC6XahITVv2rBj6DLarB2xJnRFVVOZ1Vi13imNqmxFAoXEYgarHzDTli\niSm2SXQGdjV9WCQdZ1e22Y4KLBGRS8IYsSZqrppU/zKeHC/1HkdtqXPuL7+j\nVth38m3Y/hvckjUenzKWRf+nJsMf3ENsHXk1E2ty217R/YcJ+FiRmQ1YmZil\nkGvxKzylybZ5Rgem2SQJkkVHyWTjeY3HZRHAT/iAUbZwn+8PfVamAS23ISNm\nXxask3DARLNHm7JdMftgm0FW5Wzpbqq47rFboaU7LmLXAHvzXScsxLT5bc2X\nxiL2dGudrvPhrOjGI1xW/NLf0FzrPBZTPJTq/qwfAK+5Y7RXNAJ3Ii6T/vLW\nGWQU\r\n=jJc8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBvALD+YASKoJPvw1t4rH0e98QNUznNBRchjfapbIyYtAiBnvy+DOfnHrDtnX5hNNdAIlFSYqQ0snE34tvvwttqLrQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.d70287f2.0_1620674921905_0.14451932772128107"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.02e841b2.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.02e841b2.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.869d890d4.0","@material/mwc-base":"0.22.0-canary.02e841b2.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/10f49288fa74318f178daebc0299b7da22137eae/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/10f49288fa74318f178daebc0299b7da22137eae/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/10f49288fa74318f178daebc0299b7da22137eae/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/10f49288fa74318f178daebc0299b7da22137eae/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-o4Q62pMeaJ9KRnyr3wILaO87hQhwk9nZa2qANP5q9K7VhfFQp1nQ+um6M0fveWlLZftB5WstfuzppI4U/XbmKw==","shasum":"e5e2da53f68cc2bbc05654b136f7749013bf30a6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.02e841b2.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmZi2CRA9TVsSAnZWagAAtwAQAJGPMLPAFOfC/eYicCHw\nrLOnxn19d5AVKS5TR/hcnXx2jnsCgsIaXsIEwKKXh0APfF9qbquc+XsXO6A4\nU4r5+CItgjVgmT2kbvdPlQ8r1niSDhg5cjvUypzoJSIi2kET9FhLLq2NkVJZ\nG8t9ijJ3Ipb0uWh/GY7T948DxaFoSxm83wYyBl74UjdmiGYjUAU1l9jEh/RF\nfGgRH0VTxeBlVQwjoK6o5rbTxs1Hh0NoWn7wfF25kJxNVYsxmuELOrLb54SI\nqeORE6LZV95aHzPFRuWED8STQfk0CnYcKSHi6i3/XNNOJCMxqas1Lydu8RMg\nGlohUKrmwhOE+0kTssbyD+mBZvd3QsZ13tjKxxKsBSsmR46cPAOIA5XdLcBf\n6VjGHPzsaUsWpTc7kpSz1Og+ajI7cGUOJXpdX7+6rFS5zmvRBei4xhjfnrDP\nZOPa3Xv4Ga+gzZkatxNRbQnLEiOO4Lu+Zj8CRfhphWnauncUTJuHdMgYCYBK\nMw6ioqqtIAhVpvcVwHEfGzdGFtMWPuZAEaqxR8LvabNss3jG+tgYe6NV3Y7L\nP1l+ZVJgw1xQDz/Ghc5IcFnuV5R1pjSNBzOe58weMFehhl5/ObLbRO7z25/4\nC7C4cRoDNQ7lWlvyp25RJuNSdQ3UvuO65Mse54QnymJRDVK5jlrts/5c/LqG\nwods\r\n=ZEuO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGTs3UVtiqTNtxe+fLZA2pJVTovbM5SMhiS+ym31t0VYAiAKfKfYCg92+uiz2baHy24nrFhhRBerQMjYfkNxyF70Mg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.02e841b2.0_1620678837634_0.9993899139903277"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.badda2f0.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.badda2f0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.ec22e1da9.0","@material/mwc-base":"0.22.0-canary.badda2f0.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/961b6b76093a7229e8b8672e9dba3c2f9af0e61b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/961b6b76093a7229e8b8672e9dba3c2f9af0e61b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/961b6b76093a7229e8b8672e9dba3c2f9af0e61b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/961b6b76093a7229e8b8672e9dba3c2f9af0e61b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nfNXu/LiCVVeMCy9rtkqvmaxUDRq8JZ34ehJu7qkcn2J72UlCscr/IO8zHXuBtYO7CNs1aawnTwqEBIL1/6FiA==","shasum":"a63d490d6439bc259d5f8df94b24bc97623ec26a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.badda2f0.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmdD9CRA9TVsSAnZWagAAUscP/A3+AtOEvKVwIyF2idF4\n3401wuLzCyaZwDHWE+1uTHNOwaeBHEgoSgMOPwC2oUcp2qYf21jTIoG5fCQq\nN++v8qGhfbDyK64qVFKQsH3oI5MvedNkb5h5z+mABX8hJy7O9MJfW68Mf359\nqpn1hK5zlJixdAsTrgquPIuC/gMtU/Ff4PNiZzbcJ/y3FdddqmEfP1/fA6Z9\naHmTZw1PTzRQV9GY0CFTp5lW3/Nv0K5lIqsK8i+8SMCTpUV90rTTcRDSJnG3\n7WQ0J39RDBNjNGj5MsQ11z9uSjVpoQMcMQ9ViQzZGP5HO+bZeGakYYGrQbAJ\n5GbxGmNVqwUfYHiheD7/ElT1QVgiafCI6zx6PjMROhpFQJ4uqA5sGl7iMZcj\nVNQu8SPECBpc3yjkGtOmudP0/SFMX3HJOGon6J4mzHml8Czmo95zRZWFevZ7\nArIl5YGUktfHZ+KmJAGZ+HyYyZsXr7DJEf0k4A33c7u7ujKWBYbYhtPzjDyI\nkSKRyegcV2MQol8K8p4F4gIUShVUrSgOsJsmQIryNFqbL/T0PJwGMp3AwhWM\nT2azDFrJbnqBZ5kS962FYIL3i1CtS1FbBffrGDLjsm9I9l571jlsmWoOmyTY\nlkw0d2DG4V+5QlEL5hGEp0GnQ4oXjTIBgkXtjc+GHW3krkr2GJAGHfy9LJH0\nmZ8b\r\n=tx5P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoykefNkFmUNsalJhQl/65XIMuY+uoqLDotnWa6snyCgIhALnWiKqymO+/DsX6c+VyzSa8HPxafgklnM5MO/P+xHFg"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.badda2f0.0_1620693244605_0.9961303230739458"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.004aca62.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.004aca62.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.ec22e1da9.0","@material/mwc-base":"0.22.0-canary.004aca62.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c20c30c670567ff3483811cc2d47a795de96151/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c20c30c670567ff3483811cc2d47a795de96151/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c20c30c670567ff3483811cc2d47a795de96151/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3c20c30c670567ff3483811cc2d47a795de96151/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-lABbgUtu3LRjx1cQ99/RIghml4vRo2EKNSIYTrSohtKL39NtdOrV0mA93+KI458kB4Hk7esahjWc3i2SGXGW8A==","shasum":"833f048e96e223936b622a3fe35ba0a57026911b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.004aca62.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmsd4CRA9TVsSAnZWagAAUmoP/irwZnCqD/SNc/8eqius\n+b6r322qn+vtTiHPkUME7MJqApsRob8Wn4J+Ny8GeenJp3WJYZUBrtuFnqtU\nKREurj5MdrR0XlBiEfMl4oeQuSwi6JEB1+LJARDOuFNAi7TdA8pr9E1eH5Ln\nQb8AV+gL0GcFE+Ogf/wp+TPqt2sbIB0JfPyOX2yr18LVDYNDE4rJQswWMi9B\nO2ETNIRdPyG4BnRyuxJ7Wxw9OZ2ge9HYMKpEc43E/fV6wth4h82aSKjp7uAw\nEn9xaxx1pSRZDiNtPypffdnFgICYI14OwLYy9yyG4pCWUTlIp/Q2VrjmMVbY\nMVzgF3/HIoecbfhxYE+yNj8p30izeLEHCtvVdK3sWIZAMzud3sA1ftHQctZn\nmnKctCQgg+3d35jQzJhfub8Z8KfPIdCm6mBCAI8A+ldjk+5dMRX2TMIQ7PwC\n0P+TcLgwPXKJQvbpWjuPxsSUamt+RS0kEX1efASOaNhkdthJK8jp9EysU0Yg\nsTvD5jXWur08fKLK88sMouCNmbOuVsGZ+dkz68LY7fieHihdVgb0NGIpowWR\n7Uh/y0ijY2hcUxfaFj4igJ5RgT2toR6aP1qgbJHLqGyfrW9Xwp9CdhEDM/W7\n3bv8zxkNzbKU/QuyB8tUUgUcIT3uDwqHlXdpJ7woKOZR9AheC9Z4cgcmUnnE\nsz+l\r\n=AorM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDX6bCQj2BvMTwLuK/tcs9v7XiAcH257Mc2dWYrWw1SOAIhAP5i6dxP6n61QwI0gy99pmpKAGDyVGhsIcHQJrupQTxr"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.004aca62.0_1620756343607_0.6577032639635925"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.4af17446.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.4af17446.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.ec22e1da9.0","@material/mwc-base":"0.22.0-canary.4af17446.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8065f1d05fae5a2ca4f95b50302cd5d56d43ea4b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8065f1d05fae5a2ca4f95b50302cd5d56d43ea4b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8065f1d05fae5a2ca4f95b50302cd5d56d43ea4b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8065f1d05fae5a2ca4f95b50302cd5d56d43ea4b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UMXn3jcpgtXv8oxtco6uonh3OgjNqiQ/YmBHo/LuwR7kVJ1m166kajxUB++eD7zCL8W1Ayo/lTTDDFAJ9glOxQ==","shasum":"b783a278c054f346be8a82559d08da8b944b62a6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.4af17446.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmtDMCRA9TVsSAnZWagAAefAP/iWywdtecdLSCYpwrVyX\n7Cqr8eWDNRPnhZcqMR1xp52B9QYHaocM8wCMMGl7OkJMmRYvh5OlWyfNXgPF\nF4BkbsPASDQF76ztaHTHnq9DSEhhi3XqKQvsvxXL23lST2Y4n4PBsp9xAVLG\np8MMXpzf/uLvvzcaghHB1EILeZyS5PvBLhAP1FKOXmxTquseyFrUAc4yIyCw\nzszUUG+BA5b9zflBqhscYAk58XNW2j84LTANuy50zVD/n0XO9TEgATfXwX0L\nix5KJJBL1NJDcwwYBBUulw/mqHqmE+Cz1oeloSJ8aMQKFcxrxLPTR+ColpsO\nJrtkEmuGVF8mKito/7Ttdnyk4xr/eYnTeQXoKvJHurTI7VQ/hm37UjntvNsB\nyraYk549CF7oYeyorjhkPDDGaUImSG4e8adS7Qt/J7hGeY1md7PnlX6EQT+8\noXiaPM5FO3nf2MfTOP+PySY/CEhQJYREazVfu0MODV2dMUYcyFiaz32KG2qO\nPo69iPENRyFUtZh9EVq6KCAx9E4w3SctdBALj6hc9hiy1CUxUzMGcPMW9DiU\nM7KN3J+V1Px31SYeS4Zu9K+JZU1sCV694ia8IhftD7cTswFbGL3l3KM0rpRH\nCZTPHuo6MU98NYwPFl9vUp49U3uUhi+x5FBqr0/4BnmAbxFbxGXjBHIX3Th/\nO2hu\r\n=Mo9W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLAewFQpAwu6TomC4JnXxXosirT5+pC/3aqfGF2o7BHwIhANh9lOh0SSMQzLkXjNwTGDCSgAqipkqE6mDv5Xqsoa+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-circular-progress_0.22.0-canary.4af17446.0_1620758732122_0.03507005556397802"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b94d7187.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b94d7187.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.ec22e1da9.0","@material/mwc-base":"0.22.0-canary.b94d7187.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b32af6d751df8cf58980e7badd64494f9396b00/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b32af6d751df8cf58980e7badd64494f9396b00/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b32af6d751df8cf58980e7badd64494f9396b00/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b32af6d751df8cf58980e7badd64494f9396b00/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-LCHGRxm1dMpQ7f20bpI26tvkk3CZEXmM9PjJDc98AX3HWBWmOrJohspmCeQikSlFxUSpF0MvqnFfd080fO/2pw==","shasum":"045b8013d59330b34afea8e95aa56cb3398eab39","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b94d7187.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmtIcCRA9TVsSAnZWagAAXxQP/RrAv4NScjTXw5H4bT5U\n2n4S80FDdSh68QxO1kqD2rtnpkFMV6fVvGZUAQ/hVkHy/365zeoFuHuuSOPW\nMjNOX0wtFkZ2rFgjbO7qACMf1++FebbxzvVblGzgJ5NuC6HRg0XmxnTsRuq5\nO0EjArp+4QEMiqrNRfNtPqP04stBkUhp5WX5uV22tbElZtqRr0WeK9ky8HVR\n1XRmEdoH/kToqM9PbBbsWUbV56tiRkA3UJp0Xunw1UMuStR+wr7n/LTehnU6\nWA8+sVmdrUWB7ubd49Imb+ys7hY/kXEZRluB9PjOwOVAb43UCaQ9LHVvowmk\ncg5medFfsCP5MdY2PADlX1veE8fcVFw/5AnAYyduxZyGTFuin7bEYVdQeiX8\nKL2MUv9zW2rj52TrvHbUsG7GjBndBCeBYWQiwW8BJM4s6wLxp7VYwfnDLYE4\n6rafvQwJsAhzNv3SLQBCwTpQC/L21Fzf+s8dBsIdjQuq7vp9BaoV1g6hC3Mc\nJSB3mI9TIEiStgZnT5zgqHI5ytNmFGsaJ0p4TJN0atBEFC1OUEFdhM1wbgd0\nn1S6J/oYnd8g0vcRFL32xtM084WN0XqvLZcvFQQczEBcIu5HA3F+B4B2j3B/\n6aAySjdoJ090bniTNYK5b6dzucYojOON6cKG+PKaUQe+kKuHFjur8Tg9x0C5\nJCt9\r\n=I+ag\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG+ULUXaeRy5b0wUD7Aziz0cEt1YuIZDtqdzG6Wyw050AiEA3dJ3FSYBkIRZdA6ReoXSnUfn4o9Se1uaNrmcHciyQ1A="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b94d7187.0_1620759068202_0.5574214181772754"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.4021b2f9.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.4021b2f9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.a23ecb682.0","@material/mwc-base":"0.22.0-canary.4021b2f9.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/535a4442352f807e1f7e655d0a135c6d12906ed7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/535a4442352f807e1f7e655d0a135c6d12906ed7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/535a4442352f807e1f7e655d0a135c6d12906ed7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/535a4442352f807e1f7e655d0a135c6d12906ed7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-RZC9/Q5AGlyGlNRG6TEtHfpAhaINH4/tYNpo4A9uPw/RSqW+trBeoixkJN57oyaDwcRkrl21aasuxem5aA/92g==","shasum":"ad97342eceb5042e0de7f27375031889c306a0c8","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.4021b2f9.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnE/fCRA9TVsSAnZWagAAdgUP/Ry6FDAu7I9vwcQif+W5\n3anOJXUM2l9rQEcmDlKyjUnEFFxKS6NUM8CQXHnQV5Ye+3x4inO87Z3XrA6i\nXKK9BZ1eeYxT6wEMbdSmgE8ptVdj0BoCN9jBGPtxAJ13AecKwrdjOlxpO8kk\nHeJGLXu8z0NL+I+qS5QsQ0kk6V6Kp06RMXK7/uekYi1nw4HlYlP52OR8Cw9e\nQhwMT79mx6FeTkO3p4XgH8EWfxPopb1zPO9R0YtrLKI7TM9B0accGD5rnX54\n+XnICAP30BDS7HSGCKgPW8bHuOMAfpO4+i+ybvThwGX7DD6OejInB+CPtwIO\nysnY2O0yzlZNbT+8o8DHfhxynbfhq1993gXoY38Ug+jZisZvKqWzGf2evh0t\nS0Q5GFowL61ZQo6xUoZX8yb5Gcl0keD4gnHMOCCpwLO7aKK4apIVDHiVrkv2\nHuGWitGqAjeP9g1dpKk5ylmAIsMVJT0gynnkeg6vIOyWwPVAELJ6Hn7+KoA4\nwGCLXYh8zzpaPhOpobd7X/TV43JCVrm3PE0NjdFq4VRYWWLI2QLGghcWy38k\nmLE3BsK/MWv8s3aJ7YhZPTN9H/PmDJJW9G8STT7vDzEVShWJ0pxQufyGFm+l\nrtSePOasxI/ngUF3lSdnYBuJ6ypSJ21UuowCkNVUIt00E4avNsKFJgOfNSy8\nWW1S\r\n=zNxT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnho1o24GVQhPWB8WlRU3LkoMdxDanZCb7/5ha/fNamwIgeRGe3iEOTVnsAJa6knR7BQ8C7N+DVynMoqhBaP+1OJc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.4021b2f9.0_1620856799201_0.6994267342016529"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6a5956a3.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.6a5956a3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.a23ecb682.0","@material/mwc-base":"0.22.0-canary.6a5956a3.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1164d783391049aa2ff9412e519af87df40b5406/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1164d783391049aa2ff9412e519af87df40b5406/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1164d783391049aa2ff9412e519af87df40b5406/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1164d783391049aa2ff9412e519af87df40b5406/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-JoLhjIUW7TXoT4o+hjbSOD4TfIe5ZgaEZh46Zcjxc9HS4bQJUY8PlmEERyq74ZxFN6Csbli5SgZwp3VsHVO/aQ==","shasum":"abe9c99c677b4d7e998df7187209c568989f9dd0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.6a5956a3.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnFPVCRA9TVsSAnZWagAAZZcQAJgBdLknIJpZBSkG9pav\n27roAXO9Ci9lk9oV3cn7xqzRlSjn5zd1FO6Kt0Ka4sWBpHrIK71W9ySzRFE5\n7WhFRgb+ODw4Z89Hvw2hmfLQkhB6uabrFLPnWDAjtF+O4weYaGLqiyVe3BnT\nhCsn2oZqiz/238aARWAx7zYEA0Ma+RS3JvCygUM493FN+3+EDVP6Bz8vmbTo\n7MrucIR95Gr1CwCYkb271tK4cYL1VbAx1knkK+elAayc1aSTyv7EWqAVd3fX\ntFYsGpCEnRfnpz0gBgYxR9Aa7vJgQo3YKbadUrC3HE2JDarQaR3OXzxyaMdY\nXgJ0xglgGqFE0KYncDsPAy3opgy//kgqZkvUFhtGouJPJT0Nc7+cyRjOoFcs\nfRhGm7/b/nZFSE2yZs0PG9umEX5FxzEni0uG5AH2zS6aBsEHnl/fjo7ECwl2\ncnQ8oIIU/+U+af+o14TwcNQSVaFyCDMIX8wzBXX8Hx6XY5gn5SKf95/2AhSv\nDlFYriDr6nslGwpfrQxterBAj+SgLZNoYRGAR7ueshny9by9222Hvd2sTtkX\nvkwtdjvtQDPMN8GfavdeXJSHruxcbktxytteU3snoTLg9AWnKmgO8VIGszVv\nL/I0vlFnubYtJS6xVM9X/Bspkwz3y8S1rzLBZGAENrM3H83xVTjWZDNveamX\nOr7W\r\n=MQmZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+G2FtmAwhdAeCryb7z76LUdOvTRV5ExcjTNzVe7AkZAIhAN4GjwW+KsrZwlkDfbQnZ6C9BNGqQLabhsgsw1TIe3uN"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.6a5956a3.0_1620857813472_0.13458997835582576"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b6e8a74b.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b6e8a74b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.a23ecb682.0","@material/mwc-base":"0.22.0-canary.b6e8a74b.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/09c41b7e9637c49faa75e5ac84cc73c8bb5f80df/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/09c41b7e9637c49faa75e5ac84cc73c8bb5f80df/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/09c41b7e9637c49faa75e5ac84cc73c8bb5f80df/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/09c41b7e9637c49faa75e5ac84cc73c8bb5f80df/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-q93gNAmtME6Xv7hp0mhzk6rGdN59z+bPPw6E3LwcxJ711wtTzgzS4SuQOKJ+P7gszUwAxZz2SP5K+ytnFArEuw==","shasum":"75a8c29452a35a4f52d235918d62c8ec8ebf8253","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b6e8a74b.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnF6dCRA9TVsSAnZWagAAXz8P/iZLxbw8pb9zwkT8vEyo\nyJWwkuJS3gOVqf43ZNiIi++vHeDgfiuJa9XjhhbL+eQG6Ugh7GhpFnaEptAG\nCuAgGwpgE0+yGkYAK0fNr+q3mtNAXMeR+DiIDUdB0LhG+buAhgbEE5FJugrw\nl9sTLbiVbE2jMxnNSOeyCNgO7YtRTwRPlwWS83kJhMp4wXXQPhrrf8BXFUh2\n++0NIFZjTqQu38V6wbgLsJDjJMtrYtHfTslzA6KJNidnJL710IDBduBi5ytv\n+NPdutWRpoankqbA6cJf6EvAwIRX3lgmOvxgLnI83m0R25x0PoWFvNtblYV1\nAS7ozCwT2e29qbfU4ryALeu7inBFkHTIf6Fd/G29XqvoCB0sOGhZYgK5v8rv\nFgKLKhGH+eUIDnFqt+DF36cE1T7PkaIOHTTGCyVvADyzC/NUHF+PoH/x2qRh\nzgBGcKn3eX9X0tGI4ObeO0P9dzD5nUTCQq+ABmzxrNk0LmQgh6XfxMgdWhj2\npMeODFRYrK80OHp51IjaFNPlPPkI47xF69P4kG8gxkEHpDASpIXAsvEVDEb8\n1z5KPdh/iXtNaz/2T9OEOok5BY8GqH+tCsRAgNXGiXwXBFdUpMQNYIMgWGf5\n5oZiE32DyZNF5bo29N+c8hAITdcy8UGBdQtU62r/YrhNksytH5nPm0CEcxAC\n4iLw\r\n=tXXL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBvhFUh4XQ2gw/kweH2XNNHmJTaLaIZKtG0nSfVBqmmfAiEA3l2K6gbTc14I9d2pW5Z/Pv8JL14zMDZqz53QDm2Nuk0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b6e8a74b.0_1620860573449_0.7685085694852318"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c94e1030.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.c94e1030.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.a23ecb682.0","@material/mwc-base":"0.22.0-canary.c94e1030.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/01e4fa09129b5963d59405355762cbd1962f1198/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/01e4fa09129b5963d59405355762cbd1962f1198/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/01e4fa09129b5963d59405355762cbd1962f1198/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/01e4fa09129b5963d59405355762cbd1962f1198/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-wssJbMjUBfO6HQUydMXiAzZIQeKERkaFG08KS3pe0ceZktz++5stYStHL6U2uY+rw1Lq5X7zEeDF7ht3W8NlIQ==","shasum":"ad20814125cfee7723e61628624ffb412850ff35","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.c94e1030.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnF/8CRA9TVsSAnZWagAA5DEQAJfmgu8PU3AsKEqheAx6\n4iQFLj6g2jP6hY7KMrsTuFZuXloQ08mj9QI0WIKmWGZlKCF371TiTQQLOaoH\nXlfBemHUZF6lTYuH8nlCYJ4Qv/uyg8YwZBIMeoPA6W6SwzUe+iVnkEWmlyRf\nfh5rlYTG9TkkS9Fhn/dK5VakFWR5UECNGqibIdnehXs+PgaNXNlC3R+z0ib4\npG9wjZl1NfirVCRaaYCZqlY3+Gt8p0uvrTRqDUex66P+QeN8LJAIVJVnkldA\nqdtAma/ov5FaO1VHOKrp2HtiqIymasq4qw2t1ejaO+oUJOfZh/zacaSOx9/p\ngdT10jwKwNck7ETJGpR16NwmDku3xw6iU1z8SI5DgweheDDI1tDQekprNGXU\n9rHAeQ94WSJ0I8oBeF4QNYGHHq4qjT97Zkdk+Wrc6irQjhWu8sLEfwBrFgWp\nvbSxZlwhhVb9esBFzUJdu6TWizQjF9jmRK9LHET0rURKFJH680/8ZtG97Xuu\nC7wa2RlyoX4CmGkxPWwSM54W2DM4mvbUnfzxKzcAUi2MhEZzuRgjcaer37Jh\n0OjRb+HudIMkmQ+jY3tNRRDivLvfZAbGgOfrHxsmEaA5WjFZM1R9/0p/hGT5\nrW5lYuaPKtK4+rs75i27TfQH3Jwb/CWRN8mRLGhWnFsEFzkPMUaTTUb/vR2r\nh0a9\r\n=mKy4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDQjIhQ8rBKqe+OumqOkn+muUV5vJx8jx4dCF/kOp3+YAiEAnodoYjQxU+jY0pq9PB2tGIIiMY+C5g1Rn3zWePc0d5U="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.c94e1030.0_1620860924197_0.03705177230194856"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.40a34e35.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.40a34e35.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.a23ecb682.0","@material/mwc-base":"0.22.0-canary.40a34e35.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cf3913b43a92723ad4d1144b964df3a8667ed7e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cf3913b43a92723ad4d1144b964df3a8667ed7e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cf3913b43a92723ad4d1144b964df3a8667ed7e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cf3913b43a92723ad4d1144b964df3a8667ed7e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-jfhpUy+eznj2DbhOeAwXdgAL6uqLlBMirAPjlSzHcuHxADeuZ3zkgWlK5uUfEaeGH/Q9YbJKy2AE9cjlVW7ATA==","shasum":"d987909dae1cc3f9e5bbf56b279b9e6c2245a19c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.40a34e35.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnGuACRA9TVsSAnZWagAAHvsP/3XR6h4K9j+NpdgIrJ/P\nBIO2aPXnyhlTKMwMKtxdlNkyeLu8BAEgyVSSbzm5QxcXoAzfzsKskVoMeMkQ\nwQJs5CH1Fev4j5PM9ankU/H6lKoQw+CeBCy3ycTEETbRPdiwJggnMSFYnkAq\nZEiW+hIeH7n51RYB/vr+R5VP5iXuLxvx1GC+AyXN2NRrwYiq/ZMPquQlafE8\nM6dauPd8U+fnv70RNf5MCceLsZEqbGi9/sL0MDcaJNnpEYsvvTRimccqy8/m\n892KJvtd/DwtfQ6vyNfZc6FV7aKucTyHWcXnIruqSjOgxHI/9qjzAJBr/y/v\nM9h+ST+YQJGo0u+bwVBGLveSsuxBvTEDKgqIds1ZxFITo7vxTU+14U4RgHg6\n2wjHyevRBj6RAKFgoC5Ih7+iihansXf854WQoOb0eevbehcDySSbUNaO9yKx\nT85bquqsp+/dmFBM2FE3HcBAXw7zeVxi6mgXDn/VNIl+7XxgHc7qoldSS+kr\nDfxxloya5JAi1LyIb/KE7GF0BqyQ5UYG3npzBA+qPkqlyLm7dV0s7o056HdJ\nEwK7kV5BND5h4RyMFZMftmRj0qWyigQqTRu1jJF9sQxJx6jrlLDpbHY8PnXT\nJpf3JFcFX3KOT9dSLl4HAH6T2BinV+VwGJDNU/aeXCh9IXS881Th/Wzdxcmg\nNjK8\r\n=cpTD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKuNm/MCYEgKFaaO9vvprSjHU153/7z5+ZO87m+oBxawIgSAG/dW5A3tjdB6a3UPQbUXnGVCH4ta9FdzxQ5+3O0/U="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.40a34e35.0_1620863872174_0.7959032496963994"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.1be14d2c.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.1be14d2c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.a23ecb682.0","@material/mwc-base":"0.22.0-canary.1be14d2c.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fcf49467ff2fdbb2ab4a987563f556e6ff316d6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fcf49467ff2fdbb2ab4a987563f556e6ff316d6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fcf49467ff2fdbb2ab4a987563f556e6ff316d6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2fcf49467ff2fdbb2ab4a987563f556e6ff316d6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-d/6o9Lr2xqRecar7WMmVacFNO1wI+xLKOxEIuyniEk1LYIBcepahdTD8hV++CbpaUDZQz+rIPXbZq4mRRpHu4g==","shasum":"29768e299bfc417d9a56858a5804f77f16185353","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.1be14d2c.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnWafCRA9TVsSAnZWagAATTwP/1enWd5Xuyf7BWXfArkD\nGqfb3w0YjBCSfThVeGgbWNWqkrxb/aFVeQUmO8NCrTXKDWqKyIj9pn5CIc04\niAMKqqw6v+nkT/3HHQKIPrkGrd3dsYTIjixmIp6/5IGWKkXB4K+8FaFRTTwg\nTZwx+aV74WTwKk/gqITh0gsXXEcl3MC9yvqgJXOXPAcjnuPxPWv5tWswvqbH\nFT2ApDtg51U69018eCnqkfCTt6+O+TmY1PbIeU5z/Gh1EMLhl4K3pV5S1HcQ\nCsnEcAv3J5/3+QGoP7v/aqun0BmMHfbmBOHx30iovjNjVgTUYDJuir8w+QMk\nHiZXCQWDZtVUGTsthM9ovcLbd817NKBSub4GDOTTKAq85ZKjbmr/Bc3N3nvm\nZW3rc3rGt+bEGBJ4quiMRhsHDJkc4Jqnp9GY8niqWS97BP+S2TxMUBjhGYzS\nRFXlKswQHZz69IrXIg3hN/BJASX34zh1ueoqX+T6fuynZgkClXe0UqJKwNaq\nDQSaSMm3iSugaD0TOxykeqX12uAGSxbF+ChzU7SRLOaHLiHh/pDKi7dJ+5Od\nlp16kQZmmV0rv8QOqxlUy6zPGlv7ZykabwcA3HffJYAdAGoHfJ/Gzd1+qPF9\nFGaW78gZvh2IBMDdOrnH7h1Xq6ydC5ZZclEkk1+timSXqVkWE2dO0sAk7668\ndQ6s\r\n=568x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH3EqevuyOKGfJ6r9TgQtfHeQIAhvRSgrUigM1VZWAL+AiEAvzK9zHet188U2yo7uxV55jA/PbO4Mb5t+RVXzGEfw+E="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.1be14d2c.0_1620928159415_0.06413274027688476"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.87dbd64f.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.87dbd64f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.1a8d06483.0","@material/mwc-base":"0.22.0-canary.87dbd64f.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":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b6b91a042dd241b949278a5e56cf671221e6a5a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b6b91a042dd241b949278a5e56cf671221e6a5a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b6b91a042dd241b949278a5e56cf671221e6a5a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b6b91a042dd241b949278a5e56cf671221e6a5a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-fUS8rw5QAfKycW44vACWSzuC1iZK0kTI6g3+cCLIURB6uYYxWJq93JvuNO97ORHfRk5frFZ8HEfyQDdbeU8ysg==","shasum":"ca39d925d44de1c88cf592423e41911c1f1d0f5a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.87dbd64f.0.tgz","fileCount":16,"unpackedSize":52058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnuRXCRA9TVsSAnZWagAAe7cP/iSKQEBJlvmZmbYLmdwO\nNORauGLMunxwxvlkDO57p2dc1pmCZW66ITXcb5NJWNi3GfIWC0ii9TlSiC9O\nm9S39ZrilMuqG3XI4mwfdkcoPmv+0EObg7FLimBe9T1BcWNzyNmfy2Earn2x\nV8zxtAby1AS/xkQ/LmRSHNqtvYskydVIiJuuau4JSbcwmlgRMtvIGNi4coHn\nBfdAdq7vz3osRIPPxW7U0tpu2WgWyH9E9F3O4hwn7gR12sKe545FvnFy3lSM\nK/RL9/rGuBQP/rgHad2ldvKTbQYfdyyvS8RgorI0GPI+lxYG6T8F9qfI0pOK\nDJ3lYflHSXjA9gZZB3QzaoxzXiQRUYz8Iecc/que6/u3ydUemLITTvOJ2E+C\nIJm9U0JZaTjkgUViBSHRQnqlyxtZ4EJMuTv93Qg6hYtQWSG5Z0m1k+r8K4p3\nVuglWJxjdYEiqAzmv17fwhpazQeVBwXeEwyZxdjyKTecDUmD49oPmCLVAtlP\n5vXs9+SpG4cXSMpV7WWiNSO0WRo5aEM95GXfEIHkVL9VJg30864u77NrlR+b\nwwiqV8AHQUqXyEUEHxvfvO5+UEpOq3FUllCuwUrXClKsK6sYqBvXudaFRb+a\nKldAoRaOaASVaYpBQzGPyJzSOFmry+CpLx1JeRj31Sna8kxnKcX9IWVDtE4K\nmrz6\r\n=pmCo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGjuxp6V/Nw+Vng3aA/Wxxdcd7ex2nH3eGF4vhmEVm8GAiBYhW2bM3PL5El2HEeaHKxkWNkUiOdhn5uHDIhqTBP/mQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.87dbd64f.0_1621025878928_0.30469727967170024"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c452e4da.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.c452e4da.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.1a8d06483.0","@material/mwc-base":"0.22.0-canary.c452e4da.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"30c4701f29e4afdbe58f6529e947eda655b1b1ea","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30c4701f29e4afdbe58f6529e947eda655b1b1ea/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30c4701f29e4afdbe58f6529e947eda655b1b1ea/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30c4701f29e4afdbe58f6529e947eda655b1b1ea/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/30c4701f29e4afdbe58f6529e947eda655b1b1ea/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-b2TfmQnhprUc+UVvwwg6sV7fM2qEGxGl9hBzlJI1+xYS5vf65gaJucRbXDVHJgacizrQxO7JP4Jz0fsjdf3SGA==","shasum":"569a00de30d21283ea1b8d285e1e22e05707ff3f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.c452e4da.0.tgz","fileCount":19,"unpackedSize":62835,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgovzVCRA9TVsSAnZWagAAUsEQAKLMnQlFQahiQQ16A3XR\nZHrrHWtWD5SgtJ7VIW5ZBAXd6D7xXP5OPdK81xZE06lOW2cdthJhj8ViNAix\npPEAdP9Y5TSMtHdjORDh14FiHRIp5i6GQ0H/ggTDR2ygHLf8EtnISEnTPbLZ\nbe/2PSSGD9paCWeqAESEa8X4DSE5osDiPjLxIHm7RLKxHMOS1wxvNHwUxTb1\nq20LwV/6L8tmVtkdFwHzgvcLLApv5sdFQd42KVeWxU1nePh12Iy32ckg8Zp4\nCvN1S2bC/N4Xb4Roun2putj7mLOvL3JTSKrFlibRYbJjBBPKS9dmhgLcVITn\n6T7GmOBD5ay+obEzoRysWZTfsbC/2e1vE046mAUw4PQv/3C/puqNFTP1f6mc\nLPKs739dSbxP4lwL4W3boOLXVC4ha0bXrHsZLusSqQ6jRVDtvCRcnVZt13GY\nZXYGYnc5DLl4kk6msO2w9D+rYsrIUSM3TcjrVdr7liGhHFqn6lFotOtYCsxg\nMOwiZCSm3O1pomqYxLuzwprHnrEN9rA8khYTwe5JVPaGaxVUOVUnh5kqAOk9\nJ5YwInwNt4lJT9RVkm5DTUc495fxZvphkCQIFepQqsFmFEbzVRmrXtMVI0Qi\nmUqtg0fA5HX/+7QfIuemri4sTsHhbLEFbacVl4xY5DtbsKp/b8NSH6Xyk1G2\nHhQC\r\n=6kIA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgCC5AB29hiZtc3OQ6tQsRzddg9cca4xih4MmyH9z/QAiEAp36N+dkxXM6zzcGThGI6BOWoLQudwjVDcv+efaIOm68="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.c452e4da.0_1621294292764_0.709799241348513"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2212691a.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.2212691a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.1a8d06483.0","@material/mwc-base":"0.22.0-canary.2212691a.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8fba3dfbfa73868ebfc76e8070cb5d33921df0f8","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fba3dfbfa73868ebfc76e8070cb5d33921df0f8/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fba3dfbfa73868ebfc76e8070cb5d33921df0f8/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fba3dfbfa73868ebfc76e8070cb5d33921df0f8/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8fba3dfbfa73868ebfc76e8070cb5d33921df0f8/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-u5ixN++70h3zwnaclo0MG25yetgWYAVZrO06RYYl8UKZtnNqZCWcN56QLBe43yA4+vGPiuJlhEhZfehL3AejIQ==","shasum":"65f0c3ffed2bea29fa1e0724b3236b386e31c63f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.2212691a.0.tgz","fileCount":19,"unpackedSize":58775,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgowGpCRA9TVsSAnZWagAAMFMP/2TVgICjsJyGrSRrC6gL\n1cHUWCioAPKJc6FS09xn5nb9oAh+1PottZ1SYZawAnYLYYiF1tGo3uyOcKUt\nlk5IwGJvIRUdgUjfxIbeCx8I//tDZVbGUMcBKOAVgh64XZgmrcYaBOgqVono\n6ni+RsxDbIzrdkeDEJnjMpv+XF7eXvvMXO3/d87nh1hjYDC7qolTANzp7WV9\nlzylzkG/DmSu5+RQRPIdnIuUrk41+9cMKPEkMHTeeifjJM+qW7fHcexlHdiA\nDH3UpPJe1IIB3vvCq9wsQ1WccZFb8XUY0ImFnneo8yCNU0q00m89Mqtru8OL\nQiWLl04f6jCfMu2wwXjKRV5ZsndrXrl0MMJJy8Bfwylw+Oh8WywYh1l1yu2i\ny8PoPvKGyVhjdbH4BwzdnTZp9U/PIWg5GOaOX67Silkxdvx05mnKmOAubb4u\nAfhB4U7AyEjt7hVJwTlqWX1u+6dIwPdtv5JfbKG0hiXkbmIDSEpm78BUahXw\nAhBBPGJduWJKQqzgs+fhoxTY9iGK1vQSrlqFgoWHTyggAJGfAHsfchk53fqz\n8HRxIiIG039jFwn1EqNntvRlgDpWl7AdXIMHQQc+9quYu5Cf/b/K/42Ixb+v\nyhwGBe48rN5gIfQ14tQ8FV8YRB2XxCbO4A12sjTuowbttrnWwextNaacLzLn\nPQPE\r\n=v5Jf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCV9C3tFpGQgoMFsBA9nZ62dCHrT6o/meQ5qe2XQTOs+wIgGzu0t+E4Qo9DTxs6sM8loo6dNuSTEGPLOlZOLhGOQgg="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.2212691a.0_1621295529173_0.9012954415531709"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.f748ff2f.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.f748ff2f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.1a8d06483.0","@material/mwc-base":"0.22.0-canary.f748ff2f.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a83c1c5ee60e398896831041769b5c22e19b4621","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a83c1c5ee60e398896831041769b5c22e19b4621/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a83c1c5ee60e398896831041769b5c22e19b4621/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a83c1c5ee60e398896831041769b5c22e19b4621/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a83c1c5ee60e398896831041769b5c22e19b4621/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nL+94kvqAzCPYPoFvMoY8fKkENQtKCKDn4DqUN3JHHUea8r3M6tc52ZiyPyixR7DgkTwmO9GbbKUU9Nsov9ANg==","shasum":"9243f9409421d06e0100306d390b61e8200b2562","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.f748ff2f.0.tgz","fileCount":19,"unpackedSize":58779,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgowihCRA9TVsSAnZWagAANLUP/3fZqQudTUgRf+qpuvwh\nz53hxa2dE0YCmMB2h/SIzm2ZULH+4oS5GecZwytyrGfsu0IyckWIdCT6FWHH\nYCfbPi8umJf8YN1kcBbCRadOP96wlFS8VGru4rqBEFhyj4t4A5JKeBWS17d9\nU7qHKHIcYmFu9+V4gKwiEKcYXxtCymUTD/MeGe9yyAqhObxC13NC76dnWZEf\nyXF3oz9K4BCVLuFLqjDQ6OaRXiX4ozJ3ZoW/9zYtf+eR4nz/TUoHFUJGLbfx\nSjP/LPRAPTDXczqoRndzxckcIFYSIPnHsXxQ2GbhlPz2Yqv9oCtl6M1JDjmJ\nGlk48b3ewxsunpzs+KXPawKZ2XsNjqMq+eQbxL7xWXiru9TBqS2/XwPV/LJ5\nifnGKJPS0GHFPlL7nvAdgVj6fpv5NL1ceHKkifXd7G3eIOJDqFLST/7OHVys\nJS26MBlRh0YS0CnoeP7Gx7Bx4F2wEIgCZE9sbkARXnaY8M7//Zu4KWSQugA3\n5MRRoXFlf2OyWiz/YNMwtZw+S3Kw/xeUKxlADUrJSSBoje2KkvKlMI64ElF2\nGEIFEJsLrLPsIG1POH4Gf0BYf7RhiAN2T2Tmf7PTmYdoEBW+RcjQ2Tw1l9cj\nPKan4BjJfyQ77/jCHRDgfuQKkTi1jR7P9mlwdagEfY6HQkRlkXGG/nO/GH9N\nwin+\r\n=IC99\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAmZ3LX2cpNXBy2rjhI+1jEQkEJcEVzRHBWbuhiNxe52AiBym3764FdN5V4qWlRwTKwWm2I4V2wKmzJsV8CJlhoZRQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.f748ff2f.0_1621297313358_0.9823612170488827"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.cc04657a.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.cc04657a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.1a8d06483.0","@material/mwc-base":"0.22.0-canary.cc04657a.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b1fa7339fbd44ff5149f7f38e481e6b0b6fd048a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b1fa7339fbd44ff5149f7f38e481e6b0b6fd048a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b1fa7339fbd44ff5149f7f38e481e6b0b6fd048a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b1fa7339fbd44ff5149f7f38e481e6b0b6fd048a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b1fa7339fbd44ff5149f7f38e481e6b0b6fd048a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hBD2EZhiolkD3m7xaSK7ml+qomX+FCg78RbV1BArrEnLk21ui46NsmtvBBJ1UiZUGs1FvRUcVNyMjSRTByxeDA==","shasum":"d5873e347979b2279f66826cca167ed3ac147f96","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.cc04657a.0.tgz","fileCount":16,"unpackedSize":47087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoxZcCRA9TVsSAnZWagAAdoYP/irhcxtYB5TI3dqZuIvh\nRNckm6hCnf/MIQ/LGMxn0YQdSlszqv9E4L+xFruRenFT7ghlomNCCVXCXLQr\nw8/htWeAX5ok8NUV9qk8h7QdQ+HJ0Fhl7gTzEdSmWiHkfNhxam/EMmt8oxa8\nHmwX7JUcxzvrLemmHbvqVZIgtuWzmWrfaU914O9h/4vYc1wehLtRTDeNhC9a\nsfxyCpp4yNdemOkCaqi4H4fKtPj62j4vF+ttXtMzj1WsCGG4Lx7IhnL7yJeL\ni4Y/vfQR2A13thphfLf5FDXfVHOw3g01ONYlZn9ewe4ee/MAjDNi7Q1X8I4r\nvbRS0rMS3u8qeGJJG2O20E2bv/Mwle/ywUTjhSZcNz7EqNtb4BKUB2XbBJW2\nMOYg+x+Opmecil6yjouBxPUm4idd8GmQpqx5+lhisUCnk3zFuH4LUNJiqQOT\nTx0KMDAGErPKJikdOQ/Q1AJoAzGK/aUU0uXVUvIXcak/TDvKLQIaUU1OFYFc\nEMi0igYNbcoMdZQ1JiKV6n0psdS/oSSCzE+/TJCO4+SUUKk8lXyjAYChVxf7\nOb8yUQDqOMNfEXka/9M8bdXQL0QNTw3meNetxKlTdqOD6jYG4ey13yYanSIa\nxW/rRTCGU4DQpP0Oh0/zcZd2smGEdRudyMO2CJbO6dRmPahGj/TYy1/LQ4gB\nx2eg\r\n=7puP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtFPl4NZmzMI9DoRI4x5eJGoM7YBnhO2vpIRtO0xFXSAIhANN2DjlHcuAkn6Tpln+lyfgkb/rYp68ivMnmZ/UTC2xT"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.cc04657a.0_1621300828249_0.18450479633424077"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.3a3114fa.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.3a3114fa.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.3a3114fa.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"217bbc3c5105a7f3ed67d47f0169dc3b8269adc7","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/217bbc3c5105a7f3ed67d47f0169dc3b8269adc7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/217bbc3c5105a7f3ed67d47f0169dc3b8269adc7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/217bbc3c5105a7f3ed67d47f0169dc3b8269adc7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/217bbc3c5105a7f3ed67d47f0169dc3b8269adc7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-y6vHf9TsQlkgyuP1YcQAn1dWzhHdmkpnPYx/zeEBO9mZiaVZfN/KsuYjibocKMZWRYimM/HD/tSKZGMqLvg0VQ==","shasum":"443176a2d639a684680295341da860c4efe1ac06","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.3a3114fa.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpaG+CRA9TVsSAnZWagAAvckP/0sbRGQySX3Zml4KIjTS\ntqXG/kj443+wjbmSNa1Q5qmUXkj6YvAKKBqTo2kSU/QtNF6SKImn7ftsuUcy\nLVUXKJqVIuORK1Hon75rpixQK8765t2GWVPxQYiwAdikP/EQ26lyHLBvcnrT\n4nBHWp/mthdfFsZl5ekBrc1pbaS5V/wmkq+U3Br3nsfr3ZWI+P3PEkhHM/K3\ncFlVS1BxJotCSZ/c5C45A/gwOrgT+eBwEZjZ80eABEbAsvTaYPA9iJoXazO8\nnz6QRg7WnUL2SnMolvYYkhYJrUXhMe48YrTw064Tv8F4p359tGX/0lin0E8i\ndKm8FLCFPWkh6BQKu31sZ6KjVHdQkSEqxLMPfvvADERgeVng97aCmJRNvFEw\nWKuujxFXg9inS2mc35n6MGNmGXqYRbMn9fA/HybsA9YbS9Dk5STaF7FbAgVO\nip+OJMaEiA2JW+wnCYCCF9kHdeSpJJYDURBnbskpiILAWVoZXdWluOdOhR1B\n8vV7TnnEt6w4bO8s7YvnjYa8vYRlpB5jxc07nFs0gQHJIZBiH9XNFuhCOjcr\nDtZWZhixg272UqoxEHlvIB3I67+3nGiyIuPAftEBA5zrFrMqAqyaDEKDwyRa\n30cv4GWcWVwPXCjbaTROJWysv1PYnMBv0TplkOHPeJ4vuBM6vvXn9/X7reZk\nP/q9\r\n=E1I9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClusy3pZ2Xq2bwDXCK7JhxKKlGLaTvq3Yj4/XCOq9MAwIhANT+TcKmubFFok6C1i2O9KZE85FDIMd5NprVzyZNgOho"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.3a3114fa.0_1621467581824_0.32439074705589843"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b46bdf83.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b46bdf83.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.b46bdf83.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9095fd5cb7570c346d2093f1eb444f3035718920","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9095fd5cb7570c346d2093f1eb444f3035718920/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9095fd5cb7570c346d2093f1eb444f3035718920/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9095fd5cb7570c346d2093f1eb444f3035718920/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9095fd5cb7570c346d2093f1eb444f3035718920/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5UwqK9xQzam5pl407zKT4+gq6yafmuiHd5A8ZSCFaD2od0zRimY0vJCl5sknhkt3k3he/S/yC3cQ60N1gGJUTA==","shasum":"e292418e346c9a9b56aa83ba5d44920d1d7a3c8b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b46bdf83.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpcBhCRA9TVsSAnZWagAAs0QP/imDaZOu7/D29BWUXJNw\nXauYasET9Imu+6hvahjM1Gao5mQP2fj1+ngpPv+2xHkNsKlvgI6HmD97mi4v\n0KUFhZZjow5O40FSl4W4A/TNK6/2CH0ClTkbm1BZGhDlXNBxINzIPGC9ZNvt\nYvqsIbvo7sqt6/yPaaYXO82nF6bE9uOlS5pzuAWnpq3C6sH85vRQblttm+B+\nuTPJB36A7TER+ki5acPYt6SWLQcWxnKyPoJ9mkUdoQ9G/sKPSg78SyG8uLEp\nurjS+vWXtNJnDKwCze9LL1ivWQvRqtwgLDwqZjjS7QLulRCJIrWpMNOma3Kh\nrGIoxqP8u2hM6U1Dqk9B33DqMhm4kNA0wac9X58rGLzRsa54S7qsxrtJQmlO\ned1M9GbA4Kipwb4723I/V1MrS7RtloxZPxMR1Xkdii2K9pEMAWbx3BJnq1qT\ngdTwskCX1A2p+bQHZZxQoeCLmxgU39Bv9gTLr2uB3aYCqW441UHCWApbxbyV\n23gxR7U/uje7qIzu0y9qru+eWAkaOayfKKxvyQHD8l1pPIKHQ4Y8Ofihi9zC\nlFDofKD7PinCwBM6JS0pnFCtj4OFDLucPznEL85qj/oMl6w2u0byRAkNg+K8\nfGRu3gZrA9CxWXyamjfNYD17ls1gpIWEkVlSIiOoFoiGp0wZ1IqTNccTUfrI\nP1lk\r\n=K2Hr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjzvMsnw8TUQcfLECHA0eZ2Qi1TLrr2vRoVqq5PXqfJQIhAJ1PTG9Y4Ued/B7dt+QClvZgiRolhi2wLR0+tBzgQ5Jg"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b46bdf83.0_1621475425445_0.9915317611599141"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b401a081.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b401a081.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.b401a081.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3f253eb320a1f9b9e236e2c6c0503900e63e2c6b","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f253eb320a1f9b9e236e2c6c0503900e63e2c6b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f253eb320a1f9b9e236e2c6c0503900e63e2c6b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f253eb320a1f9b9e236e2c6c0503900e63e2c6b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f253eb320a1f9b9e236e2c6c0503900e63e2c6b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-P2zuEo4Vnk3cX5lnLjSZLUbVntfSktym0cpgm0tQ8QwUSKkMcNWuC2LXITZd0WwMk/PF3P3wM1IuWAwblhox+g==","shasum":"8bfc4f0ff3d90c1c37b0014ce926563b2702213c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b401a081.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqECzCRA9TVsSAnZWagAAviMP/2erstl3cKOTGTBfCEKS\n4eFzkB5nw7cVxH8BDiB9P/vdo0IE555WIFw3H9lfnUgiDAfhQxqV5FqY66pX\nT1ZQ+gyrXSHTy/IXpck39xthVF/vdHXNbTcOA6fvX8Phz3TCLnE4kgjuBljY\n3crunr0AsUQCRTItukAcHSs98/Th1Zp00qYF99WPPNpfHfxJ+3aYHkS4pGe2\nCO48LtfXitVevbNMSI0vQJcc0AcebzlrZHCZTGQRTsOObCg86TrKx47p3axd\nDbwc086EPe3nbevnPJ0ZnO3j/p4yh5iNdeLjV2/QsQiwksadX8a3BLmWgREU\nxrOrYMIMEf6c8YjvmyWRTI3tY8llk+ElkB4AcGYFSJNtaYZLXjNE4qV84LV1\nOt31TF6YmsvBlL12OqyjY+i/qujGp3Fcu4ki6HMSW9ba6VU5z4SuHjEFzv28\ndffIRwcd+T71HVQEpIphEoF76KVOTa5bvC9A0nYhnzAu51Tm+NMlbXQJ2y37\nw7vWjhbuvXSMl+ypMqmRo0RDqU2mKod8S4N3FhOIOQWHJzt2VVhHcej9M0Um\n49KuYi6KNrpp1pAvqoJPCbl1kZijS+eo1kZoKyFUmDbtAARTGJ/aElHgyWov\nA7OPmI2K0gpGod//OGZPOzbYsuLK+AHsgZ0dL7rB91LiTdtyhxdG1mCbzGhN\nd4rL\r\n=Rr+k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBwz3o+CYo9s55Tn8AiEBl53rXUKk1JbFiUs5GzaPbMFAiEA/a+2VNcDoax4EOCxSV6mf9SlGC7Z49pFfXLKkEKcBtI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b401a081.0_1621639346973_0.14923436976595705"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.012c8dc0.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.012c8dc0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.012c8dc0.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7a0952c38da1624fb6d0653e07cc5ebf284120f3","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a0952c38da1624fb6d0653e07cc5ebf284120f3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a0952c38da1624fb6d0653e07cc5ebf284120f3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a0952c38da1624fb6d0653e07cc5ebf284120f3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7a0952c38da1624fb6d0653e07cc5ebf284120f3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-i/RA2UHGbt/csEM1MffqjNwZ8M7NgtFfBBc+/mbMz5HwOUuYbLUaIqRVqE0x7HIr9r2bZFlHaakVLrZBWFwVNg==","shasum":"9404cace55fd9cc1b5b558775380c8eb4d9396ac","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.012c8dc0.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqE09CRA9TVsSAnZWagAAJ+AP/0BOKpOjvzvegQdwTOx8\n36CoYdw4je863CRclXQxFPyM1qK7BbY1plhKk9eD6j5FkSZZoFs0HirOBfrR\nE7VIEP78MLmOWbiTMTHI3oW4drJhY+LHH+JtaYda0zwM4MUsJ6bLkBI8o9+a\ngckHijFZ4mRahCVWmVlXRomdxRuAJ3ML0wccbDHmWfWbFov3iZj4nhM/9CxH\n2q+xSM9K5AMEyAB1m8IfW0925d/Z5qTNX9RQHzohmssPDqgzMgJtnHUJg2vH\nsuFSLlBBEUvrFBF+DJ7c/yi2tm6j+xwnn4xifY+BZYCe3U7GLWNz09GzWM8J\n5MpLejmA2Sld4whZ05Wm7kaKDXRqjbvAe5fk5rMYgyALjtnTQfu2eVFOLqAZ\nHoOFz4gzFGySnXZp5HDAPb+lN1Y/Tta2q4SE0zynYZTGjVDpBVueOgQRsMqE\nKNkQyVhDX7ClcfG0S70IpfaSRnHPK/lcdMZlVNJB3/8jTqwCrTRF1yq7VbnX\nfICKfyY/KJDgwM58wz1IEHVLGzVWEYU5gmiO6KsmGlFLV/94R8xlJ48ULqDu\nOm9Kc5SvUUkDwC93QC8hrRCxw/IKoJSghUxNY5lVNU6hsoAW5uPrBXP7uh/1\nd0AvabUFHpDmXwgUqO9ViCJ5t6iCXh7tJJ3QUCFlXzU6W+nza+ZIuyBIM/C/\nnfpl\r\n=q5Kq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBKJtRY2XiMXWvpcpx7Biaic8AqN2rBNcrpQbFhm4gdjAiEA/zy/FW5YRopdGlEcU3E+2CV71iHOYffnwKI9yMdvptY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.012c8dc0.0_1621642557429_0.09895793201945358"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.e01a1731.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.e01a1731.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.e01a1731.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8afd20b0913094a1c3c1b084d0bec7d38724fa00","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8afd20b0913094a1c3c1b084d0bec7d38724fa00/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8afd20b0913094a1c3c1b084d0bec7d38724fa00/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8afd20b0913094a1c3c1b084d0bec7d38724fa00/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8afd20b0913094a1c3c1b084d0bec7d38724fa00/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-mjCPH/QsqQdkkMoHcw2E9NQuV9SY8CBOHEBjvY5SSTBO5omNC1yfshFUuxJaaI3XnyuuvAlj8uM3juBnW1Dj8w==","shasum":"8f9fe26714f9f30e6ba7c9977b553333f66391c6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.e01a1731.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq84DCRA9TVsSAnZWagAACPoP/AgwLgE+5gVuBiYZvOZn\nFigSEvaEAyqToGChz7vZNHzhzra2au1dUYenvEazG/QIzueOS6aRPwn6FYOS\nvZ5SXL668Q+ndZ32kOkCsbovT71eIW7jKczGoCDrIgv78IfELC3r3DsDkdKV\nOIkTrFxNV8l8VMQLfym0oP2VsN630bc72YBemosOANuI6nERFh3/h5lLQD+Q\n6wH1rqVVCPNeJHEsPF2lnu1hHuMlzEwEeeS4BKYb9VJYGTy5gNKXbUtQVh3v\nvXrJZ73RtDiH1sbM0zVvP6fm71GEi4iKhozCqN3Q60VGS5pLfzbN85np96Sb\nQXmNDVBR0uht0rAejA3VuZkchZrpe16A9toRM7z4XrreIgPy+3RkkVZzDj/F\nrGDskDbjJNa/cRlDpOavjSrI+M5AWzmIWdjOyPODrc+4ZAv1ZpOUBuzSdWYS\n5mZN8ljY2zG4+NRm9aXRu5EXZxKmBld3x9wf21+59Z1hT8KMvZiNQRUQloi3\nhaJzHkNsgKjjcV4qdgLHB2O4oJg5jxuOv3Ux4WbBgYmVwfKwFn0HDnsvA1yb\nnjLNWYVK8oHDLcwJGVfgdG7Xc+6L3pfR7CC8+qbnAxQbyYcfyvuu9k9UBG4o\n+K/b+gscAAxoqvoDsF6f445IAF4oov6BjXTYQbYYOi3R2fLzr0tuxcu8KFF+\nbCAt\r\n=hyAw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDN2cYFH+88d7BWgVNQTcOpBEKk5MJxkBhI9xazej16WwIgWZfSPepmZKfLUNHaecVK6pFCGbLjwsEdTJGzzRdO/wE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.e01a1731.0_1621872131237_0.5871795135824915"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.59174b9f.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.59174b9f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.59174b9f.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7fb9171e05c85b1bf933cbbf66a44ff2e05e9e25","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7fb9171e05c85b1bf933cbbf66a44ff2e05e9e25/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7fb9171e05c85b1bf933cbbf66a44ff2e05e9e25/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7fb9171e05c85b1bf933cbbf66a44ff2e05e9e25/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7fb9171e05c85b1bf933cbbf66a44ff2e05e9e25/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-tSbhs4mPvx5m5NR7+Meqoo2OyRmoigrAb8iMAZqOzSHC8znCakEcFPLO2TlBl/O0YB31+EakTbF93MTpHExlFA==","shasum":"56de0bce3f1ec63be4f44cb57cade24ef0972f5b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.59174b9f.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrTuACRA9TVsSAnZWagAAwkoP/0gf4dbXeY1lgQOEX0m3\nM9giV/q4IopU/MFA/aFKcJhHXIsgYCm5KvlGnhpPb7kutL1crXLHO7hf7FMg\nSHG3QdSkMtJgnYtG4F+zXy81u1HyKYtAWI/fKDbh6UkZYr0sYWDHm9t93bUL\nykeWkgroDVgazN6aGkKvtTwPZvsXYtPmgz8v36auNs67vjutv3WFK2F4UABL\nC6on6X08S112trA9ScRyekDd4wyTkL0VpVmc8t+EKGmWBAQhNK38s/t+2tAN\nhkun/E/KtK+Y+8zLKOWk91cu6JqtehC47GpyRJ4thkXbmdhk0TdXX+Ou2nWS\narDrYqsl6VOIYbEy95jn2+KZcqXYbtFlvtbXKlyTQTbwP+DXFD2b3FGME0hF\nna+tS6jH+iELzhPfhvsc3NbIG01jKBZPLQmOeR9FOQ38fHgXzW84Xy80l1Wl\n7CPRtW+ubQm18JK26tEsr2fL7MW5xPiOKOwhIOLQ0MfQKaAh8vhslYIBzhaO\nsIR3rnI9y4pUrrhLqEes3VVBwJqCxEO3kdJrlLXCa0MxT4cqsllHZokFlXNQ\nG+f3sZlVWwJfHIXJFxxy7tPCjTnhpanItntXS0781kwwhOLjIXK9vZvmWYZH\nNqfFppYR1JsphPrYL4nFsUzThOIuHZhPMWFdvJntmRk9Zp06LOZb6kkkIaLp\naeD+\r\n=hswH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLJoqYBaSgC3dh4O9tHkj2bJZWGVeeXHyM0c56RAUMPAiB56Cthxkv/WKK7SDkZ9EWuLdC4GwtAVVxXR76IPyIiPQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.59174b9f.0_1621965696204_0.5576526383008455"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.c96cb2e0.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.c96cb2e0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.c96cb2e0.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"516910ae9bfae62513b95080369ed2be100b1c27","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516910ae9bfae62513b95080369ed2be100b1c27/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516910ae9bfae62513b95080369ed2be100b1c27/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516910ae9bfae62513b95080369ed2be100b1c27/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/516910ae9bfae62513b95080369ed2be100b1c27/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ocR7Zf5T1JGVJ7ftZKr8UCFLr9ZBbz47uL/rPSDZBc6HQpGwLWybuCsftUhOg0BQTAvbV56j7DgOeF8Ll2r17g==","shasum":"728b3d09d994fc95495161c7736831d1806c7bf8","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.c96cb2e0.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrUv2CRA9TVsSAnZWagAAAfQQAJgaLDx7Pdg0vZt7RUAg\nLeQu5K5DYE3dwxr4Zyb34lhgP1s+tgz2A43x5m84WFCOUiQNGLghza+lFSU7\nAxyxEp1uI8W/4O3gfjjxbhypwGt/Vaz8dD+OCK3DAo1NOl9IhyLt+5ZE2oLm\nlgUpwpx8OtksrzliST2WZEi4m7V72jHa+cgv0gQXTqi2kO/8BBqn0qnbxuup\nrnrQK7KdxfRVnVWm1rg1eqCUMWCnTBSPLEUbnanXxPKpbEyKuIuB4AvThgJB\nGV2bmy665izeyOfaegblAvu5YuIdlczgF8nemL03HbNWZTQ0wPCTV9dazr6h\nXbfqbwbwnwQwx2miuvM0wLC5y4bAxXrVTnBIMXQKAaHKdK3UR5YUyOjPVK0V\nOJnMpY7pA1ZuXXAHSPSZo4TLcAs9MLSk1JyYtmT4HPJRprzUFtEWXxRNp6YQ\nuoPy6+dfrF06xl5EIpQPFDzhnT66E0eKxYDSKPBc4VPim75X98QSWrz32Pef\nWWJXGmRNMAG1BHs7HX6G9INTvdDeby+GbAjwsDcDba+6mmsVIdAWEAt1aD0l\ngkE70lZEgssiSprym526aJoLcbSJiMv75Zn8sLWmV1W8knI0xP9YQtkGpQFQ\nSwWLbILuEO/OXOVAKmJlquZ36qDpd2yjqEmNi4xdGBb8uXtWNlgRmxA6iffn\n6Wp2\r\n=VBB0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQi1BE3MJaZsDiMbHjZhdbfMJ1cCqtk1cXPAZo6di5JAiAZcLYHru+6i1Bc8QAGdPepq+ZA+DZAfiUkC4HjpAF4bw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.c96cb2e0.0_1621969910044_0.2813031067518781"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b9b0e330.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b9b0e330.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.b9b0e330.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"18c2325baf4aba3a786f872ae497d8ee283800e0","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18c2325baf4aba3a786f872ae497d8ee283800e0/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18c2325baf4aba3a786f872ae497d8ee283800e0/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18c2325baf4aba3a786f872ae497d8ee283800e0/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/18c2325baf4aba3a786f872ae497d8ee283800e0/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-8OqrBQUaYS+H7A64T2x4LR6z2OWNgnUuJedM+GXTKmYKavu8OVrzn7zE38ZTY63gC+MiQhGKOe1ZwxFprW/Jfg==","shasum":"fc544337a42516f26b2cea46c0147f5271376d56","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b9b0e330.0.tgz","fileCount":16,"unpackedSize":47115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrWVKCRA9TVsSAnZWagAAnnoP/jHb+hP8sXLYqPxt74hI\nhTEW3fBvPlOXh+henDUtG+5KA0jw/eBc89JViE+0yd1b5DrmDo4xQac8iqb5\nZH3wdJYU/R0Dm/8tfHl+kz0B7+x/4XTw+f90ZNMpFOZg/YNujEaHKM92Sq1d\nTrqjhsjjWDL/2N4QR4m6lyVuR0+NXKKW2pt9OiblOKUUsl7oFZJTZvLqbWK3\nPlDxXxe3fLO7Ulz/kcCTkl3i1AksHfAtUp+ZoKL2waYi1HYkh8bKDQyCxPtA\nr8NxhIHIEAIXUcMOs0yWeQGYIiZzmdE4y1D9+L0BQmsyJg0phHAr/ztDg19e\nxcgU6T18Wf3X6yvE6FHQufbbyz7euKm0M4XD0uhbl4ZcMgaoQ5esWSQpSLeO\n9WVZvYJWbXFuNPlzLlpGNQpK39npwgXYkakCWnegruuol17LdHgmQs2goIFi\nFgAaAy9K5lr6o8jxDArIwmKjxC1zcEXFREowoV0408ILEoSrKDv5dQdcMSpw\ncJBCV9XswEu2U1lvWZMnoRUbrhzIrrW4E1R01y6ENuBhW5OLdgiGwsRE1nPz\nN7TOuJuK8vRI0FtC/cPWDsYiACE2r8uk3JM7HnNOzdhCqvuBIDqUvj2XGCxs\nhCSpyB1SxMq3M6oq/7Ik5mhhiPEQ8gU+UZD/3RYlM4Xu3LM11qNw4WaITKg5\niHm2\r\n=SkCc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFduK/vIMjq94m3rKX8PArzuli4XcLJdIcQJv3uzuDvRAiBWLnVG78B3UWg22oOzGMeynIx0OfoLmyOTXoV/KVquiw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b9b0e330.0_1621976393855_0.45033039405126973"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.ea2a8063.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.ea2a8063.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.4bb5eea2b.0","@material/mwc-base":"0.22.0-canary.ea2a8063.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0b10a1191b28a4155d8f169ab9a5a3003efd3fe5","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b10a1191b28a4155d8f169ab9a5a3003efd3fe5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b10a1191b28a4155d8f169ab9a5a3003efd3fe5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b10a1191b28a4155d8f169ab9a5a3003efd3fe5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0b10a1191b28a4155d8f169ab9a5a3003efd3fe5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-igc7XsC/TH7qPdTCbixaQ1sZIxKaT1YKbqG8ymD8zr0/Pi7ZFmXQK1CTlzU5nXfMvaohqPpf4oKkOONtPJyaew==","shasum":"6388898e2feb0632ba6349c1e3dfc08d00d42d1b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.ea2a8063.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrWZ4CRA9TVsSAnZWagAAsQUQAJATKQB7BXDuF23bfn9Y\nFASde3+eNvKtq1X8wJGS1GiqiRO1sR2sdIKU5+6fOgLU5c+mLtJeSRuWaRhb\nmgWib8RiIAJ4TmV/aefVdBCckgB/CR70syLVlWYVPUTV44w/Wy2BMMHvbw/g\nxhP22Xvw+rCxatKd42ku86ktwDwHF75nKMmvWkPQBONKh1SKjsn3wjAiCFXA\nhbOK9XipzQTMSdFccQtKfXuDNMy2LA/VALWB8GzXa9XY0U+3I3OUzJkUfh3z\nlEgQxczFI/GwlS4JXN0HeWsVrM6D8ZebeOXfaBxgU1Xl67RFuvbXWZEzqPLl\nIsXhcpOR7Q05LKNic3r80MTxqoPnXG/iwZRvM3tgWQPbAjdqhmLjruFv8v1V\nJ9C1Ms6laJKYBWxZBKDOD74foROHWM1n+rTPdJ/vN8myPEFWUI8sTWwmeYRb\niZS0dUHZe+HgoXuWuUDB9yYiHQxaDyR6ZPITqRwvDYhuCU+m9jBMEq8qfwJc\nAMihpZoh+isuaeDZ+kyzcCNanbDx/E8IvZt4ZWxdYCimt2GzmKJFDQwA5WUs\n0RB0+L9Qb7DoQ0pBAEzBbL0C//V9fLUNRnYzErVuQdWYSuNod7Pqe1KbL5K/\nUlOC36V9wFuSNZjxnThXaM6VQ3/IIfyDROZNdWz9bidhQZ/giv3IVEAOb7ze\n8QX4\r\n=ZDTQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHUHZK1oEXYWv2l/kxvSi7jtlTXPYTypx0njEVML+J1lAiBevXe2bNJhPp6bJR12sUBTf4uio7xT1p2oLvYEYJDeLQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.ea2a8063.0_1621976696091_0.39470827610841286"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.60cd9178.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.60cd9178.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.fadab3372.0","@material/mwc-base":"0.22.0-canary.60cd9178.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b194465fb86d4af03f65ac72d9b8427df2a2e189","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b194465fb86d4af03f65ac72d9b8427df2a2e189/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b194465fb86d4af03f65ac72d9b8427df2a2e189/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b194465fb86d4af03f65ac72d9b8427df2a2e189/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b194465fb86d4af03f65ac72d9b8427df2a2e189/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-6Iw2K9mgrLGbkWOGwi5J5BNt5yNAF2NjAKwQoPHVowP48jOGVugrbk1Mslbv9frUGDRd7XqzsZ4qzlemhXF0zw==","shasum":"c4190eaa0edf1f90f1c759e64d7fe4da9d25b8db","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.60cd9178.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrYSfCRA9TVsSAnZWagAAa1IP/1LqWwq67T8nAWNZZP5x\nOtrZmBh2AzytKToK7a81sSFmaxNG5+DEqauM5nhyosEgQULgC/1rdr1b7aVu\nf+aN/cbAnjB7K424AT/pjOZkJ8YfPPXUD5G8Oz/PSPpbK8QDqnHRS2+v+cfE\nathueCtx/f5GOPaG9r268jetRRHwZ4OVdl+E1lPVyv3+4JglRNsC3JYZKN0E\nR3qX93gY3DCXlCyKsJQ7kWrL6kY7GZs5NVUPDRF8hV/Lvz8FzUpY9sKM5CBf\nCpqfrIRmLpzyY06dqzIEzez7n/V0+jA629Mj0Ppu6vDrySaKL7TYn1bUP5qV\nXQub8O8NdCt9EnMa0w000rYujZjL7ddXl5LqcUMT3MQqbF9PvtmZy/8D19Eu\nmprfxRZkh5kVQJ+5ZD3v2mGNlY1Y4fYfq/5P2eQjzuYA8dMb4TUGN8H4uacH\nS4Vddv1qWSd2sjpszl5QKIEObnH8rYaPpHzoP0Gry7S20YSfU1d6EHWo19Bw\njbUr3eJO8M75lsCRpA9dDScLP4MeOXiXIc5THSLppuc4K2GfbEUt3jDoGMXn\nBsGpxNGVzOAa0xdRAUQaBwH+4mkwvkEGNxIeOIDNwF7SAm7o1SLkWTOvlJr5\n+TYUjrG1kAgT2ls5Gqw4ICj4KU6LknPY6/UsgNDQhtV1TzJx83aX3mLAU96R\nZ3Gr\r\n=oGNm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDlA2o/KTRsobY7E1c/eoBtxzYwUvj25qU1wBjr8isazAiEApHnXCOGJSvNJfS4Ofj1Wo2FCyJLZPfSxabog9RbowaI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.60cd9178.0_1621984414466_0.4518989990270639"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2e2c75f2.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.2e2c75f2.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.fadab3372.0","@material/mwc-base":"0.22.0-canary.2e2c75f2.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7da0cb4191a309db2509b3bcff390b7ae8e4619a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7da0cb4191a309db2509b3bcff390b7ae8e4619a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7da0cb4191a309db2509b3bcff390b7ae8e4619a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7da0cb4191a309db2509b3bcff390b7ae8e4619a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7da0cb4191a309db2509b3bcff390b7ae8e4619a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-mmdRy3+WPREpOHX6z9J6aNVYbhn80L6luOe2usvp8C4kA1hhUQAx5z6LEdNm626RharPOlVBwh5C7Jt20eMjpQ==","shasum":"741dc3efae798957e94dfc7f2025f86445741b6f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.2e2c75f2.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrZHzCRA9TVsSAnZWagAAFJUP/j/v2PTNa+BEDNby6d7R\n+8rDMZwu7lgucNN7Ofup331nPWRSXXvugMyNqPXg/2joTM0PTm8cRDZFOQUY\nK36ZRk3J0pH9Aa423s4lDzlXIoTTjxpDve9V60/aj3fs8Z6fJPQIXZT3E3zr\nsNNpvYWpGB9v8+or5DfTgVW8DhuMiJY6eqhS1z6ebhRlTuWCli3n4wNnZfYI\n3/3yd+GwsUMcSNr4bi9joLXDJxyUxqjOq/ICbErkSv/5jNqokgfpFaOoU/iL\n2AN0SR3VzWLJeDzuk8oHEJGvQz4bm6OiRazPJnIqyWc7MoVi2LUfzKMHc2as\naq1mlCbOm7IBTV9Pwt+KOjxyGzkrWL4kcqvl1ruGt4kstMqDIGW1MSAjOxr/\nhUdHDk/FCGO72LVr0MhsZAt4mOV8zx1db9Fw6nMEW7a3qhuqrX7aK0OCEjlI\nuCwJ9llz4AZKbWKXKf94CKwq20CW6nlfmqPrm4dJfJL3rmRYNUZcECOXtbvj\nwK+V46NlE22ZJgX1gJYRtpOT0Ni5EGhGoJouvb2wV3g9EIP9T0+yoVZwx6Zr\nOeJ+3AOu9dAyC9zaGDKwkkwVeEgirh7BU5rnfCwqP61YcB9NyTuHnUnL+6AC\nfXxb5Np8x/Dy8K/AQ3fst9Uv/dadCPSTsTFnOKBqN/Mlx4Y2sLDN/aZsKWIP\neVC5\r\n=ZFFr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGmtZLhVsmH0abKVPZlQY9zH4sGsHVF5phbIiMAVVMFAIgCP7tJHV8pgeS2g/6DD6izlT8BXvy0FEX7dPHmfzsn3c="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.2e2c75f2.0_1621987827187_0.04255636204756441"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b99c77d5.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b99c77d5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.ec31ae1ed.0","@material/mwc-base":"0.22.0-canary.b99c77d5.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5fda182a00532c3dce9d3841b88c80c56a8dc757","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fda182a00532c3dce9d3841b88c80c56a8dc757/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fda182a00532c3dce9d3841b88c80c56a8dc757/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fda182a00532c3dce9d3841b88c80c56a8dc757/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fda182a00532c3dce9d3841b88c80c56a8dc757/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-QHdeLV694Yz/0jrPhVV2cEF8xTAYxBoVRPwuJwUwTlW2V6IKPblpKsD3y5/QQU4YPtCDm6mhQe1FOe+B2xH3MA==","shasum":"10002542dbf9328604dcf4ee8a067c1d96452cab","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b99c77d5.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrp2wCRA9TVsSAnZWagAADiQP/3/j8l+aBBil+cyB5FWL\noRhHAW1+QzCwBIqoByecAMJ0uVeZ0McW7VPJ7aY1VHFw75jQ+C+w/bAtJ0xT\n4HxwxSRnbLR4TiV9H6S+d/tr05g8mXmp92ORUAlRgxNE46tGZjSFdiIxVsJB\nB0zNY6eRu5qOrnA33cYb+IzgLk5sKsSwh171cxPyWdt8tRxD1qYd6OE26Dhq\nM4XwUNSPAJOsH795eI6iANVMUj/mZpuHi23JWRh5FT6+JJS/29n0yzSmzLK+\nPQpUlQN4cu4UGOHpE0yz//GzsmGAYBPNe73EfhDhJeJaAVBOMqqwe/C0f2he\nht+cyB4jH2/tTOkgPsDiA6/SxjO5+B2igKfu9wfRdUAMatajgXQcyyGhQ7oj\n+kDAzu+s+3X04UxqIlRuttuv4rfNBvE42XGAexIUBmPYPHhT4ZJ40h5LdIPE\nmnXo5LGqdeFL/AhWTCmDRO3hNXBl/8heVRvgHxhyHwTA2Lkjdt6q3CFeSiC0\nPaS3eix7k8YLNXa9dwbYU4kl008qjav0uYLJP/S0bwBaExU/LAggmF+vD66L\nS/RGulznmdxhktTsdv3Uga5AcWwy7fQ5Ksbe1wratvcMJTrs4J9vn/qHI5qP\n5Mv9qXjCUndkMAatE2iU1Fd0Me2ZR3QGcBYX5ov5Leaj7SwnndKh2TgqrN0t\nyuxB\r\n=5Wqg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCloqt7/GS7Wy2xd1oeKTkl7PkM3XhW+Q3VQlNa+TrFQIgNewl7Vr+jLDpkgLJlqD1/9Ep89s38OkHD84atE61Eyk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b99c77d5.0_1622056368173_0.7259074660540439"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.0de82c12.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.0de82c12.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.ec31ae1ed.0","@material/mwc-base":"0.22.0-canary.0de82c12.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"02037fe47532247fb8d3f160ce76eecc87a64963","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02037fe47532247fb8d3f160ce76eecc87a64963/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02037fe47532247fb8d3f160ce76eecc87a64963/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02037fe47532247fb8d3f160ce76eecc87a64963/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/02037fe47532247fb8d3f160ce76eecc87a64963/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-QVjH434os96n1EJSXNsdV9MqaFp0iIgWy8bILNrmcfQmjOy1B/x9XWVjBEBYxicdAfAzhc1Io0yLKjhsojU9Iw==","shasum":"ac9a79114c73085d454aa784908b5a9672a9910f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.0de82c12.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrr36CRA9TVsSAnZWagAA+tYP/iIRAOYw59D0npCEEVk2\njEc+kl1ud+dlMd0PjmUXEFsy9LClZh4zCT9MTWGu5iwSIQMidCPtkciqhQO8\ntwKI2v+RsSChc1/FZJcTr+j6RAllCrtCcrU57PZVxKPtYg0TK0u2oHK1ehcI\n2QcP0Ti8Vo1Z0rTnGxy9JNW4hYl+pbycuFJOS1m1x8zKBpKry1p6L8wrcjL6\nFVYhZgvjLaD6rdGuTzZdArchbMQCmuKPUPFozqti23PAhPeoo2i2WwebBv00\nbyvBlRm6qDzOWZ28J45qtAMNkfeSVsvhsSFf4NumxY8JfzX7bQwg8iagJQDP\nUgx/nh2QH7cPbNyx0UB21F4dPifTjM0C+MCMaOgrJ1VYJlUrp/TWO6prol7U\nmrn9ZJ/gtfYG8ZnzAiC4uQQlhyrkokhnmdYSimNV+N70avifpFqYTxKttbv3\nXyJsrtIO5sPePFl3gfO8k7Y9Va9rNMuFZ9rbwvVFBwTF7SWTD/pDkn5I9J8e\n/0VVgw+lo4vXVwkXjk7ghk1n9l0WT0OURXlCEvIfoPIVm42cGVLp93gz61a4\n3a3E4VZtPl6nZdIW5qaKKsL1BQGVTfgl/JDOIFiot43ZvZFWIllVHBYWo8Za\nc7Dm9fSNMKYYEmEZkudxeLyygwnWUP4XauTzhTFgzfhwLHWkNysKZOkVjiQU\nMPxp\r\n=+Iy6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTFQajiUYptR2GXZac79pVFmcvZCCOPdrSE3JUKfc8awIgQQYsmb3BjgSEqWMRQIFnsYP905rnlt2wNMjpfCCxEKQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.0de82c12.0_1622064633865_0.24581679371840415"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.227a4614.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.227a4614.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.ec31ae1ed.0","@material/mwc-base":"0.22.0-canary.227a4614.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"882557fee992155765312df09397dd80bd837720","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/882557fee992155765312df09397dd80bd837720/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/882557fee992155765312df09397dd80bd837720/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/882557fee992155765312df09397dd80bd837720/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/882557fee992155765312df09397dd80bd837720/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-fgxOOh43++aCT0hAyfq17kG7yhfk3zetxfGOe4az+nzP6brh8aLhlYhyKQk7h9uOyIE4t4XOblxTU5tWMhkgfg==","shasum":"20d334776447197b23d750bd467e1484ca2763c4","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.227a4614.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr8KdCRA9TVsSAnZWagAAIPkQAJ+CQPE1l5DFkx3N/AuV\n7c3JF1OtXrglXcS/7+26+hsIT4vJQxyI6Ir+wm+sEIVD7N+bQUYEoO7UW8KX\nDMRUO25sDzKbn/KXcirve5J1qY/IIPvjAHTjctwUsPPUoPIhs6YAZIdHcdJH\n/dySAmtAER4jvBFZ3wkDR0kvJD2geRcg3lmR6MIYH63xoxqv23U//Tz2qe2l\nj0JKO4+wx+tLHE9Ul9zrqkREkjbBFnwLtE+2+6bZ+nKERM3+owKScbkOy3jK\nvvlV5NWDzdGWM1StPyorrY6Mn2tggfTiuCpi+BRUsU74H7JeeoKFkunebpWu\nbijQ6usWv2396VWe7E8nXaNnn2VsPR9xlNTQEE9Ue4aF/Jdtdpe1nIhDQO5R\nxxBEhJdp66VFTftJ1K1vojfuykuaEtpezznwd3VR8Xh3whNCrcJrCLmuQsXq\n40S8vhTMjUVoHMu0a2rQmYUVVmZKW3twD8cDCLYgNopQY+wLPGinYXig6BK4\nS9k21T+J7xebZSVDddVVaGi254BNnHuuieWH3TGRjpji33MJti/7S7gmRXZu\nPL1lK63xwyuVPQhAJGlAb+rDWSPoYj9v3rRuShTO7QfPJ+pfk04sayJD9tnW\nT0/z34Dyj7IC4Ngqu+GVriZpKAZzgW2TxlkWlNA3PP295rG0m+06wN9ym1v+\nLupc\r\n=uJ8h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBl/Z+OmE3Pj9AXL83GbUHcYiOeT8kIC/acjmF2dutzNAiBSSkbQcbTh9waSNJM7UzAsxtRqTlQeEfPt7xMRe/DZrQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.227a4614.0_1622131357010_0.6983713882063269"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b3d21d31.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b3d21d31.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.8530d3514.0","@material/mwc-base":"0.22.0-canary.b3d21d31.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0346549e5547eca4c47152eae0253d802633b850","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0346549e5547eca4c47152eae0253d802633b850/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0346549e5547eca4c47152eae0253d802633b850/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0346549e5547eca4c47152eae0253d802633b850/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0346549e5547eca4c47152eae0253d802633b850/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-/ns5FurGd9d91GcJFtAyca48LH16d/HCZwIL2sxx0AGJIQ85oNhDkSjj/c6odcd91uf57mR2AJsLYVS6VWlgyw==","shasum":"f53c8e69df1fdae104b90bb6dbd98fc7e4e4a2d0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b3d21d31.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr+iWCRA9TVsSAnZWagAADvsP+QEEAnj8oijfWEGp9l4O\nJLuxoJIwmj9uqKl5Z0sXUMRoM+uXgwavo7uQZcEnBn68mQFTfpFuBOMNF3XY\nTmGPZDcILgASG2hhYX0SJuT+VbobSSm7rBOMADaH6vzjUUhE1Thy8/KDlFoJ\nrGJakD/IsXK9TM76FQ9N0tXUlIQUfSP7Eh0xMos0b/PFkbrvwMpXcfFJ+XJe\no4mUXLAzSBW6Mojyg2ZcfID0YpCSPHhNMHjbzVhkHp/W3t+k8yiMZikAfVAV\ne6M3irPoIHKiFt/+TY4+5rnXcyUCjutJYUb/uKk1SXIK3H7xKkB/modOjI6A\n+FWBJ430JZ8VnoYeZofdFMJ40f8gTTUeybLsiqCsVIY2n178MFrb3lbZn4N3\nuVI6f/s+4eqwuHd5k+58qqmVl+blfv54dM8oqdZZasv0S+M/y5o3Twsc4bYz\n825TVUmUJ1fNXbpH53quLaDV3g21bcoonIR0PF2kO0pcLQC57BDeQIGRF8D0\nae5CjXiVyZxR8P/lRf5LlRyijqRy3DA24MdECU6WHOzaFnvej+sCaUbt+K2r\nku0S9FypokTo9+f0BIc2/dSABKCnLLDaKWsBT4QC0fFoLrmipVvYLfswaW7b\nIHXBJlccGiHxVZlomQ40RYoCsZexF/uX92wX4rJUXaT7m2oADcgs9s+6gkEp\nUTSl\r\n=UH+D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIVZd4B9bRJvPiRjfBeo4pO66egD96xA2Vwxc9aWeU/gIgSKOAWxjG8p8VBL/5J8J4TecQyJ+eLcs4qRI0KgoREoM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b3d21d31.0_1622141077736_0.8970292747494371"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.288c33ec.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.288c33ec.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.00b5899dc.0","@material/mwc-base":"0.22.0-canary.288c33ec.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"69149a859b2cb2efd7d7cb7a55acad20d60fbca2","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/69149a859b2cb2efd7d7cb7a55acad20d60fbca2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/69149a859b2cb2efd7d7cb7a55acad20d60fbca2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/69149a859b2cb2efd7d7cb7a55acad20d60fbca2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/69149a859b2cb2efd7d7cb7a55acad20d60fbca2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-sN8GIqtrfxXEDTKb9/iFbSNpjsG+lE/pIY56jELEGISA0uLXpRjTlj1f5eoqmkHO9owkh839mY/d290VKHu1Gg==","shasum":"354b27ff7ea53b9e62ed635f31c45f72924a138f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.288c33ec.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgt9zTCRA9TVsSAnZWagAAgeIP/iPwjHntuhu7PptVa82U\nFAwahOUWAAgXTJODF1fW7rTrsSdtsGka94+qt2xN03ZFGTbkw9wR52jfPmrN\ndTy1SiOXedj0iegjsqG/RvpKrTrP/vDiOdwjgI8AOxHf1KLdU1N/YMoS4o0D\ni+bncqmAtMtQiAbWPYQ9DYQfvJ54mqfKsMb6Q+oJl4D0rlOnBKrB1jRGlDAu\nsegvt+yw10CWU/OEpfM2ykQ238MKwRB5DoB5YRXbZPjGEtL0dN2SgdnjXvqM\nMCcpgkXTAhkf4dI6cZpMU55swP9JyNKfxwpu/IH4Dybid9y0BpKcBa1e6Si7\ne8GXOC0K0qGFjORGwa5D35/oF7ssZ0lqY2eDG5BRuZzUJAAYgI886Dgcin4J\n9xvDaesPpGA2iu/pjx1SccfyeAw7qD6QZQ+jOCtXqQ6r3LhVO0phtEFhDiqf\nSN5r/dxfr3ueY0+5J6ZlkcZR+Dvu7/Ho5qOllyg5ug2nNBhIKvhcEzl3yRJF\nt4h9KmSgmLacpG9VwLXqI6MD70QG0az4Bro7WJrYSiSW+8bdFR1QUatV2XAQ\nRKH7qrYNvg2hwMujgoK0Lw2d2jkyknabCaYsdOkoIWUrmrJEGH0j86MTsdeM\nKNTNMiT8Z3y0DRWrwY27DYnWClqAs2+OHj1mPdl7jV+czo/Hr3dTScwkRTCi\nj1mX\r\n=rZtv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFiIyUhQYUkl81uLobWAamaMuSm9zKWvr6fCMyMKGiNNAiA4zTDcu8ZKZ50XjaRyUA0tVVsH8m74YK3t51Pu2n5BBQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.288c33ec.0_1622662355152_0.8007535310740261"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7eb7ccb0.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.7eb7ccb0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.474de7878.0","@material/mwc-base":"0.22.0-canary.7eb7ccb0.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"54dcd68c7454a24c791e5bc1bacb53ff095de147","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/54dcd68c7454a24c791e5bc1bacb53ff095de147/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/54dcd68c7454a24c791e5bc1bacb53ff095de147/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/54dcd68c7454a24c791e5bc1bacb53ff095de147/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/54dcd68c7454a24c791e5bc1bacb53ff095de147/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-MkNsP5k/1GYz33jzXn0AqpO4KJvr7dg/ER1baHlixvANXfT4v5WEmN6xPfgRfnvX9afyQySEm7PBH1XlOafbJQ==","shasum":"890700cadbf949e1835084d7baafc4d1bfabf71f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.7eb7ccb0.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguTN3CRA9TVsSAnZWagAA4igP/1QrtGLcCu6OVnIjzOjc\nEeTL0p8xFqi7k7bGRXZxtm2c+b3Vba3sxXbPJx9crdX4tXsxLnrb14wzlcye\ngSpJPvG3/1Oxnw5TyWKZXvC2mXSBC/43/IX9rIqMYxnePX46mwUgiUr0L/u3\nD5aHZ0b9OLc7xmZZ5+EQE3KTJveih6b/o0Um5AF6vlutYnAM1+Dqd/9ZWZs4\nif8+lFkULALkw6ODinOsNowt4qowr/LpNW6IvkzdcU6chal8Pjn5wHeKgsS/\ntBfaIWqUPqksL8BIl8fTxQ/o+bW4nCazZy5ttj/xUimVnWdidnpU3q/Y3XVB\ntY3BmkJtbfO6hR2HnTXp80iJhDWtEzSv5w0MabMU2hN9SA5QQ+6+rU5etGky\nm4KweovKGaODqOv68ApORvg5v07aXxATDHXT22h4DHQlcJJM2K2/nWzI0n7l\nz4XyvqjgBixt17P5oOxHNnXP0a2dAMY4ziK9VdL9SSBnrszRTswpz26TdKsX\nrKgAycHiRmSXa0rj18lnml81RD75dJUsmAaOVVGJk/KDWIzOIb4XFyOU7+Cl\nOPFTxHb0//fGnSzKw5RKUwe96RuXhpTvId4G+hqcY9alEzoKQgG8p+l7oexi\nDiwjdfZ3ovKNo2oPWLkDp6UKiQZztaY78bUbXkpa8N0SIpqgGD6G9eOJqFOY\n+ADi\r\n=rxdN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFMux93nBJaitbdC/1b7QEWooXMtOj6dpfE2sdZNSPuVAiEA2FBxwAop2zx06WxNY+qxNHxPEl29hPCWh7GqvWnReZ8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.7eb7ccb0.0_1622750071149_0.6690178576936407"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7fcc0726.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.7fcc0726.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.474de7878.0","@material/mwc-base":"0.22.0-canary.7fcc0726.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"55ab1f053532307fcc5a331fdc4718c7d8e5d8dc","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/55ab1f053532307fcc5a331fdc4718c7d8e5d8dc/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/55ab1f053532307fcc5a331fdc4718c7d8e5d8dc/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/55ab1f053532307fcc5a331fdc4718c7d8e5d8dc/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/55ab1f053532307fcc5a331fdc4718c7d8e5d8dc/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-IipCehtoHHTqa3b/R4FKn4kckLl6vJoQzy7rYLvStbDwE7z4FgGfq6PNp4ZeBd9Cf2iVou3/w7X6521vGyillg==","shasum":"216f5c62f716038f340d6f8dcff55dcefdd179ad","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.7fcc0726.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvr2LCRA9TVsSAnZWagAAy8AQAI71oU05FiudRDQTr3i2\nrPNPHsN3fr/EkYubnEGbMbgFucYUOOB7bdNmvN56cZ5goSxoagCQbUai0gsA\nxCJ/2qRXZ3Inwey/83G9SNtb2vvTuHuvHy5pxACLWpXKT2jn5oHgoFgYtc8r\nmFl3WH403MDyOXGNh857kcbSp9zQ31W+hnaBXVuBMLNsKiQUND1OMvptx7+l\n5sBjG2alpUNW9ncH0YPWdegv1eJrv1VbYyUsUw2RQxJXtPekEintZV/gg99h\n0oI/zLun3V7pwqZS3p+jr0MWWraTolviVHEj2hqbv24Lh623wWoHJXUZWOPu\n/Rcz2scyVKyklV/USZO+5DTYASMwmDIiE7mwfPMMACCgHJex8uEAWvS5mNBC\nN15+tpJwzrcxnjWFIa6Xie6mWf+IGGKDgVzOPHlTMbtKuPjTR+1HX0AneS1K\nvkJzL4fX0amaGStIfKWGmpde3nQCnnaQWWiaAFm9/1V/YEpcIv4saOxEuk5D\nolImeyyED5MEyTz+lqRFr1g9Vkxw71EJHEXJQNsB3Q353ULMMlTU0p9aZ1Xr\nk6j+LuKAYdgqNf5IYwWW1Azf++W9j3gzQ47xepPhtNvJYA5I68Lvjyxw/jOg\nrNRXGEb7RfBek9YkA+3H7dGqAc89J+idLpyjbOVOhiSCVpOouAUQja5yMb4W\nOc+x\r\n=nIj2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5DPp8G008iLJlPAXAuUxhaoIu0LFIesX3yeL9cfSZeAiBU/gRbcIIM0OoVcDNMbbGwePVdN6N+oUG5kAB9pZWXaA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.7fcc0726.0_1623113099501_0.33637416148208477"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.220a4e5e.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.220a4e5e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.474de7878.0","@material/mwc-base":"0.22.0-canary.220a4e5e.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"43930a9e907fac042066906c7c9c4a9bc26e3233","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/43930a9e907fac042066906c7c9c4a9bc26e3233/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/43930a9e907fac042066906c7c9c4a9bc26e3233/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/43930a9e907fac042066906c7c9c4a9bc26e3233/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/43930a9e907fac042066906c7c9c4a9bc26e3233/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-GEJm7hGmyosu2TDwim2r1etLUoM095y9o8JezIPtBRrobn+f3WSQ2aOhWs6AXQnIz/CsfQjJWcJW45j6vGz7Jw==","shasum":"710f478cde2c52ebfa202d04f838c669a255fdd0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.220a4e5e.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv621CRA9TVsSAnZWagAApYEP/iRHNQfoa9Mhj7mgiDAs\nUxEojYQwztNLdMQaZCGbUBiNeVRdstB+xLUap4xtIVvPN9zAoqO9QZgyfpA/\nbzcPDemkBd0RYOMsqyacPIc4QYZbijfWg5FhKak4mEW/J5q0KCpzBFReLNBF\nw4PLxO9dB0DcaK+yANM9TDhASs1vYyGg8dhZPfVcV4NTkCrVisRpUAvIV0tW\njvfNMg0KrqXd8KWF2gj8+hHRG1GRRf88XCzzG/cXoWACtdSV/ypZN3ONE62G\ndEGUUQTAYvk+aSSvowr4ehY8dy4Y2Bn1V0JjzPl5B3ZVZJbufJ/cYU0Wi4jL\n1nXgTYjiwDroIa9aOtfS2J9h4p0kbJngJqdHIy39t5k6f9SNP5IORO6w25f3\ncsYxLZwIY/kc/BanJSq2c014/6goz/XUdSlZ5of6/ybnBAHH6pW+DvCRVtou\nFaThntmjUBlsBufO4f17mINmUWAJjhhbZydR9G0hndfKWTrshNrXWV3tkyyU\nc4Fn7zZUbvImPTMa/nPnkfwW5XiVOq0W571jUX2u82fhf1F3oMoRcTjyldHw\n7SYD8mfGQhtiO1sZhJAlQ7OC1kQaZhgKfVEf+nh9zr2d2BC0MijWNIZQIXbd\nsxUFJQNBWCPH/gI+wOxktmysqtwBH7yf49yqKF+paOwWUE+IkrKO12sqWiLK\nJNJ5\r\n=XdKS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD35o0ByQJVrmvKhHvNAUz6sCaTPr/mBNYQ4ybOz2LaOgIgD0yP7hszyozz4SdwZSVOTxM7NRZrTLgq/Ny9lht9yl8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.220a4e5e.0_1623174581243_0.5074801285500108"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6b2d6ab0.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.6b2d6ab0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.474de7878.0","@material/mwc-base":"0.22.0-canary.6b2d6ab0.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b5388003b8ae379bc5c274e40db94c05a19d7ea1","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b5388003b8ae379bc5c274e40db94c05a19d7ea1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b5388003b8ae379bc5c274e40db94c05a19d7ea1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b5388003b8ae379bc5c274e40db94c05a19d7ea1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b5388003b8ae379bc5c274e40db94c05a19d7ea1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-/QfZLg9e/HufQ8vCHBupBbdWiAg5gvMSYBB6RlTteWMJaw63fyipl0Z8hF+Ty4O2PSeCwAKVWf+ufkeLw41b4w==","shasum":"827abdb4c3640a9ee404c355b7d91062a35ed118","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.6b2d6ab0.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv7iYCRA9TVsSAnZWagAAWfUP/0xI+iokeXmhuv7WKP+L\nnlDq35T+GGPqFPf3Q5j8sUKCksNN3/hI+abpol2Atsp9w9yVuM0k9EFMtiMj\nlDzT0j/JRbGWCvkYzlhAFVE19+HPKfOiq/ujC99bWivwmtK8t5qcoj+b84Dq\nVXV02AA9Q3iODosCgF3mE0PX16pT1tmn2o/ZTeRykIG2g7VK/fXixs8zg2ik\nfXH4zUGzts0qEL5tWit+/uH8XJOWSIpJxPtTnUrd0neMT4RFM+w6MNy4lLdA\nn6KozhgG0cjAIoNJzQu23PQpo0xSmMEN6zlbJ7c00YLZpIBr9D8ApEsqv+8C\ngTn00FjsAlOLdTAvJHa1cgTOfh5sU9HtXf/PPLdNqXGjH6U1hL4XnA5bqzf2\njj268Ga8GYuri3TYYmQPvwx8j5SgTYezUwCiNhoGENsA/WORfKJp++5Ey2Xa\nma8Pe5Vms0A4z9DA9RUsXkSzY8GdJM9fPFL9LcmCkT0KCQdu7+3Z8GKbXRH5\nVqmJMkCA/HhUvvmIUehfhqOEneNon6E/tdvyUO5OQZOZERAVczP02Oz4Bn15\ntAE5+rsz1on7JS4JLID/rfUTRfmEQUInir76r2n2EtDFVyMrx9bP+AHVAezJ\nGPohYzKG4Gi941w45l0ogatUmtRE+6pojdtmWfxwucADFLv3jqU6hICwBYrZ\noFw8\r\n=/yjt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGQSYLRcNVNw1tbmrvUmjCpcllh7cngqVRSgvV/QMoJgIgGMa7fyLSKW689EYbwY2zBladq+gdU2/jezdnP73BkWc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.6b2d6ab0.0_1623177368283_0.1413443695315333"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2b20825e.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.2b20825e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.8415ae585.0","@material/mwc-base":"0.22.0-canary.2b20825e.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8790f27506406085c946b5033334ea71328fcb6f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8790f27506406085c946b5033334ea71328fcb6f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8790f27506406085c946b5033334ea71328fcb6f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8790f27506406085c946b5033334ea71328fcb6f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8790f27506406085c946b5033334ea71328fcb6f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0VMb7JAzL574f1+RSYuQhExdFFUx+W9+GhTAtrNkxUO4XXaskkzIojcT+t0ldsIpvSD7zqKmOrWQkNE+Unrozw==","shasum":"c053c9118f2d7cb40a42f6f28ed7ea3fd82ffd61","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.2b20825e.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw/ZVCRA9TVsSAnZWagAAR2cP/jwLEo9BmTbzDQPATLKo\nXnK8lzAJl2jow3Bo6mLccfouuoNnfLdNUyWtNxvdPjw+ozdcSXhuQhaROkYp\nAozfAj1H9WW1gJYjmWf9/1/YXKkq9BdNQti/wCeEIip/JukeNR/nYy3562O7\n4dxcOgDkHKvqr4QJlczAhRLC+KLFDaLxIga2Gkmc7v9ZMAoyWVicOMM1Glhu\nT5mbkDykwca4hzZ8qR/iL3RkeF/E3lWePJH6ynmnLrswX0ZhIN/jLDDrJDOh\n8yF4V8klJVmdkxHQDXtk0Yh50PQZkA4FJQ0xGq4u1EPxqLkOY/T76MMCdcEi\nu6xjXgAPA+SD3dEOf4nbtKJnYukbgJw6VtRlEihXK7iOYugPEittCwJOdPIl\nY1LPSy24NC4Yt0vnghKKASKjuEMBsU5Y7gNjdZBkE7M3jSniqSwl/fnZokrX\nKhiigtdarD6TTdEdY9nI8VR7rSOF216ioQBJ/W2qwuKu7az9vdZeA4NZtRkQ\n4okog4ZyGeOR4K4hBEHFyVXXZ4ui0WH3eVEylZCoEdZ4SGZdE4ZR5I/ut/NE\nzVEXwsxotPsOyBBmgEUgCDcN8iOXx2FcUva6in53t6YIXsvw00qiGMn0BFXf\nyLTA/gUfS5iLdEzlnfn39SfYZFEOhkWvLQgDjgtuQtQqIuQjaHpkiihS89af\niTju\r\n=sXl5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEgwMOMOtnC+s2N16K4a//wVBHL+u7VCmDTs53ITWnIpAiEA55hghrnVxKuA9pwsKnFnByAq5uKSYvb/D9Ej1JvUgus="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.2b20825e.0_1623455317609_0.49779319860342564"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.e1511867.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.e1511867.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.8415ae585.0","@material/mwc-base":"0.22.0-canary.e1511867.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"37d9e0b693215142b4667122baccbb1b6fc9f835","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37d9e0b693215142b4667122baccbb1b6fc9f835/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37d9e0b693215142b4667122baccbb1b6fc9f835/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37d9e0b693215142b4667122baccbb1b6fc9f835/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/37d9e0b693215142b4667122baccbb1b6fc9f835/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-anFeu0id7W8UZska/EDFND2J48J0HlM76D8a0TTa5IIIrvgdak4M6LkE8f0cdEVpxsyQhCfVTpk9CI0NZk7TrA==","shasum":"1176d8f0a0b78313b34654dc8f6b0ccf946c50bc","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.e1511867.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgxAZUCRA9TVsSAnZWagAApBwP/3w2sBoH83dwRH+chBVI\nS7GeljMI+xIWGjG46fI49MimnuXLS+8kpyrlrAcjrivyXpUgWaCXBrPxL/zu\nPYgdVU1hCdHYXzuJV+4mJfNw95NvF120KcGSGpQIfvI7Fg3JYqN2XBJqFKOP\ntVWSORIVBtIt59Q+DdjFuc1s4slzzKFE4iUN1iFoIJ4GJNdEqONfrxZmh8Gv\n65QCKy5/70zqepa+a44g9RIwirNYWuJfD+lRpd+DwWXIy8Ail+frnc+di+1s\nPHywg5s2R+q4NnlTzzSzeDqqbpzCXq4MLKR0m72UCplCqQv7mLKTvxkKyKfa\nb5salyvJ1BgKTjf2rnmmYm473jKtQHx6rWgjwVn2tf0mTDjW/7Vwv3rrG8OY\nDo26Bc3Otg5r/1xDke1NcABuN3pJaA71Q4/GbrApen321Grv8i/Eb83C+VFF\nQ0yOpxrSP3tsTH0n36WCtdSbd0Qi+g6QKa5H01jqkYVqN6zO8Kmnj1gAyliF\nL4slkgxy8ed+spZM6ssyq6SHVoGn6a0hf1gfPBgaCmQEWkLHxCgGWanKhfNK\njUJeRkgIWemzyLzRdicYBXX01hCOdvR2QlBNZfVCiaZpI2caEoSzyv9XEOtP\nUTAlbU5B5rPqdxVoZ8BnpeH958jSaBTR5Ls5wep0Z0ipvvrUZTMCjnN5zpwm\nEGZG\r\n=S/A3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZCdGMrT+hNZCgUFT/2I3qw4wM8H47hjGeWMDVauhSqAiA8F22ZlAMsdSc15eiZBJEJRtdVQ67sx7VFz9A+OHqwCw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.e1511867.0_1623459412078_0.702651638993474"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.ef4a0c0d.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.ef4a0c0d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.8415ae585.0","@material/mwc-base":"0.22.0-canary.ef4a0c0d.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"97de9eb21ffb99cc05f4ad3fe8dc24ffcb569bcb","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/97de9eb21ffb99cc05f4ad3fe8dc24ffcb569bcb/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/97de9eb21ffb99cc05f4ad3fe8dc24ffcb569bcb/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/97de9eb21ffb99cc05f4ad3fe8dc24ffcb569bcb/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/97de9eb21ffb99cc05f4ad3fe8dc24ffcb569bcb/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-En3E9QI0erKlHzg5k5TbHDqJaolMUrt7yyXGlGI92/dWRAgKujnjFbJ52O7Nk0gK+MvDm9t8O1bD07c1rW6/nQ==","shasum":"8fb0beacc15b7614867c3f7b2dc85d9a43e7d8f0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.ef4a0c0d.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyQS5CRA9TVsSAnZWagAAYU8P/0UCFPxo2ojpprtM/EyJ\nfNPdha0zgnpXBMXceclS9DmMi9hTOAgAv3LZOis01riepF86SxNmTZ1np0gK\nr/c5phmVnFPeeEmh0k/a86yJl+pGSVBhLWE6OuhuG8TTOzOEQ+QivKq69Qhv\n5mqqC8btBax0sebRkZn8sO6HbrdGoedGTnLI5SgmJvdBeFqCnBAFoD9EkrxE\nHU7hqgCSmezPa0lUWH2kFbLE7+RvTeaKakFvSqysgZT6PJUEC7BO1GBvhHzx\nthxF262WSGmAv/rf3JMjZwOi4cik83I7E3kT0t5Jkjf110vb+mGu7oqPt42F\n7TiHlZRLJEY7t2P4ai5RgJIZ+hDhA50Ved3FlHgyMmgvOded7wcLDxkQh/PA\nL8bezD175k3w9hXCDUCO5hie0CAZmZ5mQ2fGYwbxH4QRUipIf7dT9eS+ajCr\ngKMentBllosU94d/ktF3NLdVb1f1zDy0nrTZn3Ecj0emGs03SZsY3hyLSXQD\neBhtTrjs+kKTKNi0csKrvUXFaBu5Kjv3hVITtV/Rrp/zkuXdxNVtb+HRbYo5\nIA7obyjru3Esfait8xxfGu+BaURsdtYQYgxCxuXC/SFnjNlMDF6pfgccOLgT\nMeIevUA9f9/F73HG5zHqizENxaAjPY2oiCGWesPObZRX96x5tWrYh/B5ys92\ntWF7\r\n=OqaN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQWrpP//f8fGx8Lcr+o9sNmaAbYJRUw7HHvBcGdNV7oAIgCqSfaVkyz+ghylfkbv+7hQKNfmypDQh5g99yvvR38lY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.ef4a0c0d.0_1623786681029_0.8180354038470703"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.573d8913.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.573d8913.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=12.0.0-canary.f705e8048.0","@material/mwc-base":"0.22.0-canary.573d8913.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"13a9b9717491f67b5f5a219b279328890c0c951b","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13a9b9717491f67b5f5a219b279328890c0c951b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13a9b9717491f67b5f5a219b279328890c0c951b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13a9b9717491f67b5f5a219b279328890c0c951b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13a9b9717491f67b5f5a219b279328890c0c951b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CbQQbf+Na/BmVMAw/QhcdZVCcxyyWV9atQVRZh2twgNF9/3G+1a8EuJHh+c7P7RvKysBHHS17WrwtPGtYlhPMw==","shasum":"6183c39e2a94a3f57abd025b6880b63acaf9d733","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.573d8913.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzSuVCRA9TVsSAnZWagAAmX8P/1Yg6ZyF85pMpQKoEpwA\nceK4m3y6Q/wSgrufXf+PD59FjHaDpYJUYutOpzQ+f8Fvyi/FfshD4yp/PiUY\nVhpzLkAMca8uPjRyDY+XDJFBiyVvoByUi00ZVrYT14oaTYLlNVgXgE6ogE12\nIPGwpYAGHRGCfnfDe7GVdJQBfB0wUbkUC+6W1Q5a3FJhu6RnPG7/27vfwnt/\nb1zDxkrw2DEt4YR9ZQlqF2SQ8gtpxa3VY3Je3TQ+a2nQPi3KPtI+MxFjkAqJ\nEuScQm87dOeqt9v85GsR1V3EbMYlA3PQz5rbH1g6E5J6ahiat0CsLjq3jG6t\nRERFzMXbjJhy/Sy3JsBDTa/W0fMdyZoyRKe34/K5Ob2uwY++Lv8biW1MUk1K\nu+ndCch30uGAp1rkK1QL0B2aPYC0+BZEhHHtH725/Sjyoo4bDMTShgiF7QBW\n4KzJlymQVVzfWva8Di1ipb2RX1DKLGg7/PtWKvugM4nHAWVUFSNUcqUBMUyW\nyJUMXUMJIYLpwjnwUCsuKFE4XjoBfPGOxUVpO6z69cd9azuq2QLNPSe1epR4\nwwtGP2gfauMx2dpXFAsz5ZnimJMrg66ygKCqfYRHDI4X9Qb46r38QcoB5s3n\nK3/FB5+7f4FkDThWrSiNS0C6d9pbgZ6VLTAxwfHvVy0E9A1S2r5S2mXGOjq+\nMeB5\r\n=L4DK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDY6kx8fwXv2e+Cu0uCAXuNuT6/cxuv42WmJjZO9TIRpgIgG94CmCk5+1lEPkC2DV20hmSUdwgS/gaObJdqCCJgrw0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.573d8913.0_1624058772737_0.4652652523381535"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.21dba001.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.21dba001.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f26ab3eb589dc34a464186e9b323c9a9bd20fade","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f26ab3eb589dc34a464186e9b323c9a9bd20fade/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f26ab3eb589dc34a464186e9b323c9a9bd20fade/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f26ab3eb589dc34a464186e9b323c9a9bd20fade/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f26ab3eb589dc34a464186e9b323c9a9bd20fade/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-3RIHezB2yHVWRD67r7kVUC9sEkCX6/dfbhiGCvaGXHIBDyhV9ejwRQXw7v7P82jEWtaZd1SmS+MuSpPKCs1Vxw==","shasum":"8057ebb8ac820395c18fad04d772f6ee174bb329","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.21dba001.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0QcvCRA9TVsSAnZWagAAWQgP/2nerDlXj8MNEa8pM0vD\npKXm6AF4Dm74gZ1f/JypZ53BiBhgi/FnU2q/hZGRzLyTGdSFrtq/Oo42Qtsr\nLXD84BKpYXD1eb6mFrLH8yB2rA8yDCROs8yP1ucBXTSHXOWVPNk6iKCoHobz\nYU+ZuaSYHqYjq67jQIB+bJlPFGAmfAvl0gXpYTzJm4tHXQMX30r7Lcsf4gCg\ncMr9TDeH9VOCkyFauQmmW0Mv4DU+uKe+XCYNrBlxLdNT1fCqQf2SNjHlOAc4\n6JXHCVs0tSXRnATjzopQTNYXFdzkrtRxNexJabeXFUzHW6fP5qLTOYVemIY0\nWWgebx72D6kvgY2k17euf/zA5jOM4eWr/sXZ19g2YTBNXFnWiL1GHYk5aini\n7M2TP1+UxzXRvg7h2reP2QwKPk0ArAGFQ5w9EOjSVLjnl5tesq+SRGzuckYb\n13k6NG3TphD6+VAPi8uqTtf2r8/Me7YH7p4i+T9Wyk7Um6A4USaGn7FJwHm/\nYekeF0Dhsd/CLp5wxFY17IQwjXFZEyx69xj7/dIGUXiaScxiLtq6oTLa8bLQ\nH6YoTQird8pIvcRJgiqEC6jn8sZbFkmiHtvhFUBnAZG+VtqRR8nkAhdHeA+6\n5XHgxvygPwlSP7DM65NWoeD+RHChyle+48Ipjh9MKUoSgKmQSFonJmIrokvc\n0PIR\r\n=RmZM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOUggZoFoRrTskwYWcU8W1uNpgmUN2SRQaDT3UGNTs7gIhALLfZ/oFiqRlBvEB+DxmAKTEKJpnvXsYeqjcgrvu9lbV"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.21dba001.0_1624311599277_0.5887339384134909"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6f5bfd0f.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.6f5bfd0f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"38e391cc489598145e8956cdbc0a234563260efe","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38e391cc489598145e8956cdbc0a234563260efe/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38e391cc489598145e8956cdbc0a234563260efe/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38e391cc489598145e8956cdbc0a234563260efe/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/38e391cc489598145e8956cdbc0a234563260efe/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-iASqM2Sev+4UyN3WiXtSdzZDbRyHEAF7L3rPVDSdPLxJRDR+YoE9V577z6pmhY83C8uFtS/k45UM0/lf4tj1hQ==","shasum":"41eeb1fc5a92492fefc683eb45fcf429307c7490","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.6f5bfd0f.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1Q1kCRA9TVsSAnZWagAAraYP/0kLsPuEaJE0dcPxtHfc\nGyoH0CmWGO0iihcTnJLFmrW6HKnZA51wV1BFUmCjLinrnCSw6qa4ECGUNuJf\nUOol70XzuSKO4M7v7ysHrtnZxfKGdsQAZZfCO3LIQgjfSW3HMjSYYFiN6X3O\nwx0aOXhZNk5meTP88ZJMepqQpoDO2YFrsPaiZqi2Aq4bMsGPqTmLJEUU0rrW\ndWU/OCyvMomahWhZaQaVEXLzeQPK16wzUh4qsbFPU++Vgg7c65+swMjYv6fg\nBWr+iXPjEarfSS0tt8xhY67lbzJMEzdmmi6aatnwGhRRGjmHYOTVcv05ebnY\niBkBSNYrgheDrgnPMC9EcvM6WagTQ0RMFZRoIskRcTvCRO89ZXioFk+WYAfb\nrsT/Mr8AVSU6raZnX+9Q2tiyioxBgCPgF6DgQr6z/o4LFM0s4WHieUMZBpF5\nXpscEEL3MVaMnpW/V73Ymbx6rpcRp9Up6zXppWXOOlp5RvN2cLhqsMW+CUbC\n0JcJg4lqKGZjaMWXxCd5Sm24HPy8noZj0ibn5Xmka8LS3o6Hkdp6hlMEdKpz\n+TpJMTsn9RGfM22k1nS/UuvZ9/++8iQQd42CGctluM96rsBpLca0RgO0NFTz\n7dOVJjC5/lrkGygM6iaadHLXU8RiYtKahqg349OgeoQhwsQn+s4wcuslomrd\ncvz2\r\n=E9ix\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGgoeUUP3I2sDZK73jKKGlwf/tXTYEY6/Qsmc4x6Hwt9AiEAsOXg2VT5GsYyDF7Q871pFfFzI1vGZPJgztOzIkYTr1M="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.6f5bfd0f.0_1624575332350_0.541806020252309"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.fd8360b4.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.fd8360b4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"652b3840a450a965d0a571d3b055195dddebc8ca","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/652b3840a450a965d0a571d3b055195dddebc8ca/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/652b3840a450a965d0a571d3b055195dddebc8ca/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/652b3840a450a965d0a571d3b055195dddebc8ca/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/652b3840a450a965d0a571d3b055195dddebc8ca/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-4LxsJPL9Xyuo0MV9sdPbWbrOYP/Md8L/32zZMzheXEyUhcvzegAp66bDmoYcHLzoe4/omMDSS8yoBrIChGMY3Q==","shasum":"361a5c9f8bed4eb973c7d3ca56d4aa542b63b050","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.fd8360b4.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1imvCRA9TVsSAnZWagAAofIQAKNpoWmswwGLZ/SdguDc\nfHXpp4FZYmAvBsYFNikoVvmgKJHJCEsi2Sl0jTqUtvwdZoaTrHVichIpSnoJ\nqvRI1KMcU5iYrGILZg46Ijj94EDZa64ayov0o+0rAcmK+Ppo6wLTp18br3IB\nbXvFQlDFCkO0uPTW3G57Qh27HmbQU+qFsYHyYuNbQDxrMaFV1+YOgAO6fuOy\n62txkjHw/aASgEbw/FU8X3fxCcCeV2zhujixndJPtd/ErEXc4lCO4UqoNvj2\nUFqfFCSQ3XkEMPPFqlV0TKctqdgJlVSjwLEIeBUViOPNIcKBKhLr4YGPrnmq\nSr5KftYcnCctUrdXad1k0q5H+jUluv7WqDsc5qQmynj8hgtdGIYOV95oKuIH\nfjspfIBmUbXSa0NPuqk4vm0rLWG9DgeU2XXwS1gEAuxCEv5RwaUf7Iwlh1ua\nAf1NZrL0XXUZP/D+Xd/Lc2vOXhTJ5ix7bXIBgPjAyjKVbYQHHXFHhOBJu1Tc\nwSpF+M2JSgse5Rx6Fng8e0hqrfbRCBNZWN98HA+jYs/DhOcZDyg4v8SzyfW5\nOW3srBzsRjyafpIWRU62sNIbCODgB7j/kV4pqsq+zv/Js/8FvatV1MmpvjEY\ndfziWGMPuoDfQ8V+lVZfMcCeoPkO+yE3XSFIVSd77Xis9cTIS3dwgL84iXH7\ndhQo\r\n=fVhU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIGFRD5+98ryunT65p1sax182J4iBTS/crK53d3m/NQAiEAkpEpVr86j629wTBHkF7trv+4f/PLSd6q7MMvPhMGyxc="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.fd8360b4.0_1624648111540_0.3575893211154204"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.6f74432f.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.6f74432f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c9a217708497c2e16eaef6de3d1cd70873d0173f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a217708497c2e16eaef6de3d1cd70873d0173f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a217708497c2e16eaef6de3d1cd70873d0173f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a217708497c2e16eaef6de3d1cd70873d0173f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c9a217708497c2e16eaef6de3d1cd70873d0173f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-R09TjnJSKEQlbntjyRFOqPy61ay6uYJP8YQ9UMxNVSpILx3AaA/QUJ9omfw3kgr+To2PKQkiSmsIWxBocIQy+w==","shasum":"87304d507ee745415df891dbbae041c896a58322","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.6f74432f.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1kCgCRA9TVsSAnZWagAAORYQAJy1uzeTbUVJZykS6R+l\nci8buIu45FSa7mI3fd3DUPYILEyCvveDEqkaTaeFI4/BG9mjoLRHg+YRWjAR\nlKhGYmV2ZpFQXNUczx1ZFiLHNyE3Omp5v2IqrbzdZaEL+oGUag9YBM7zs5ui\nkE/rADFbzjZzzCQIjiHXUY0/VDxVw6neD+2Xv1y0SfaoEPkHb+EgK/nkF9uM\niWpDAtXENQ08CrLdu1/0oX8Q/3+3KJcG+KAn9w0ieNBB/EyczxxiXU2r3jb9\n1I15IjP0VOoKLIAiZgXeKeHC0yhCcLsDLdQWu182AivouLWFvvb4fLdSdVq3\nl9knuA01rpy2E0L9SfA9X33tlX7xrvk1TuZVA7NE/VjldDkmIN2pm/iJ1sem\nai43OJxLwinEirulFVKFXYosMTjCYqhq/0EKUIShn4s+I8MKJ2zBnO8iUz5C\nSameIQyqTujzYtywbDGG3TYkWh8vkiZjBTuIyKlHxc3kCNdYr4u93YrEFL+w\n4vKVJDzSzgpLNEeTIVvO0Dx4etBm1dRhRMhRVT9v80IIRL6TfCMvo24lZ6Yt\nAvEmeWAOknnCN0NbeDXkj0RS4QVAlPj2nvamibck2rbZ2IjU/5MZpveIazuW\n7O2gG3qDuQrdsuzexzVNaMKhsnHo+Kei+Mkg/r60e9yp3vw+myCZzuav0PiK\nt3bO\r\n=1K/7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWSrLsme6+Dt6eZ9jsq8a++97a897X9Hh7F425yJacZgIgLqPE1jggWjPqpQA4KCP8lr09FoOmoQeHETXlqsebNB4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.6f74432f.0_1624653984238_0.9663772054458828"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.b62f901d.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.b62f901d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"05d3042d6ee960a41512f4385bd22af7dad2331f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05d3042d6ee960a41512f4385bd22af7dad2331f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05d3042d6ee960a41512f4385bd22af7dad2331f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05d3042d6ee960a41512f4385bd22af7dad2331f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05d3042d6ee960a41512f4385bd22af7dad2331f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-o+k67NgZ8seqdoarAZ87qHoevBJznPfYZezJqlim7t24+zAs6J1iFQB6CJwQYBFmWuHdTlZfkkc1a32tXC3WIg==","shasum":"219cfba8d941cc8dedf241372a476f6be0146cb9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.b62f901d.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1lXKCRA9TVsSAnZWagAAL/kP/i3+oH5oeWrP4u4I/NtV\nGguEkc+044+zw4UedYUzRSnx5UaeXiqrO61n8QABxobP1CXfhMvTMGav2S6a\nkua7VSXyraaWlORbjClTmTWVjZpGSYLjhH8w1AsyWhdjJmwQrubeWndWZTsg\n/vu2G4p9qlgwxqaDDOlczrt7NzJ/SuyzM0+Tkde38Xbf/ftBTxb8j5R29quV\nzWhBBPnXPxZukgGBcjze78w6C6MP6IOZmysCg7E87FZyimDHwLv9DiyqXXjc\nypLfD3QAzvjh55dcExIbd/3qswtMsxWecJRe5oiSfMqfcokopB8aq07BSrK8\nFl9c01aGdVHpPwLznL/CRbEcxkv8IwhrsnD2sGTYQjoK5ykNQCITK24o0TVH\n+xUQ98WtrclOXhRWthFQx5ooWTd39jmimcRG9lv3ANJvJLXkwfwdt3280i63\nniOkIFacqRvCweWeHlqedhFmoSL/afDYWX0qdwC3sCddIAZ2wZEKxMVmN/2w\nXsFxuSidR0Sh1uLU3PyO22M8Ra5u5/MevDAQmZtwak5wxYcaCE+9dFShd3eI\nz4iQIh/GdPQc0Ei6O4caObIw3Gy/OpmZmjeLiq+lml5D+DMHBpPkbxk9zveh\np5xiGhhTKuj6Oa6JnNFAXfABA2R+0wmMYX8B9BpXTnbvikDGLeEkBsNSqABQ\nTF9N\r\n=fu8n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGKI564ED5M8KBzFT+QdmFJAdKp5rHCAl7ZtVC1oLd9EAiBBX+v50xyioEVrxRSw6boMMwOcMtThzqRhDH65Cksg0A=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.b62f901d.0_1624659402186_0.22857021624696627"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.73122cba.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.73122cba.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c6a144cd9623c2a8e58dd87af0807c1aa4d1f5e9","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6a144cd9623c2a8e58dd87af0807c1aa4d1f5e9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6a144cd9623c2a8e58dd87af0807c1aa4d1f5e9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6a144cd9623c2a8e58dd87af0807c1aa4d1f5e9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c6a144cd9623c2a8e58dd87af0807c1aa4d1f5e9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-w3QPDEc8Hl8az215av3527vtlOOXAoLU7YNwPJC3rIPTHqqS/jRePU2s7KQzEiMuQtFhXUR+JeCc5Jmj7ngMiw==","shasum":"0c99417e0dfd9824aa6631abe0881e61df781cd6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.73122cba.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3MekCRA9TVsSAnZWagAArE0QAIfXJTznILhzMVp//0xS\nsq3ysJ1hys25OquHWKXGmsRyQUNovpzDeG+u14eIcdFvMuMP2QaJ6IG2lbNP\nUQ8/41dxyh6biDS+MnS9qdOgAnoeeRy2lUFDoGzTaW3GBtDG4J8YWOMQ3ZrO\nwHROcdA853fdXUgRTkOq3LT0ELfxxpVzbcpsJxamUz2VZGJfWLXZfY/0cb9s\n0LwjquejSSI3lnur5hnv5VLKzCiFDXhGBj4xOxlnKFiY+WSjymCoNAPZjQJO\n0TPRi6c6lakghIcdIiFG8jAEvjWaBMwCx4w/4dUf05KpAamTuFWf22VGdUVW\ngq4hfNXQ+lZGEUHKlrNt35bqLAvIH76dSK04JmNv0bNCvukkAVzoa6lsEket\nnr4+oEHDl+LOscgUYnKMLiO24sBAm7eUVGjAp6mOfVRzs1FnOmRPOaZVe1Nm\nKCo02uv/ybEdzUAlslJs1vp30m89mjAC+A4zurRWYxzLxV2+HAPdgqsma+KC\ngMz4DiS79mtoamr2HER6TQ6273NJQvmYd3Vp5LmnllkuZOzosw2PwB+JzV6u\nBepuNa5crH+ZKYLNH73P92mvzwAu8/EfdhkDnlVHSIz0Yoms4+HjiuEigWN4\nTb6/PQz3n8dKWNZyrRfaBn63PojYVPxW6jLRKfoIXgtk6QvSVp2ckcufLlmi\n4kYV\r\n=yLu4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFiQ2Zw1tnU0wAE8Jh+pi06fOcF/EG5WiZRC/WrfYp20AiEA5plA4bqXzYpcx/FQ9L1bOqWQoxu8H4ECBOkZLGK91kY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.73122cba.0_1625081763577_0.4521099798126942"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.a6912af5.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.a6912af5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b34c74a66bc7e54e1165edb13005a2923702f9e8","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34c74a66bc7e54e1165edb13005a2923702f9e8/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34c74a66bc7e54e1165edb13005a2923702f9e8/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34c74a66bc7e54e1165edb13005a2923702f9e8/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34c74a66bc7e54e1165edb13005a2923702f9e8/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ZrVCYGtQdP9O8oWLa2NYIyF6LzZEwJ1yf/1L0ZQ697tjJ9IMjjaeIxp+ia8r5PJJ8B3phbAF1ASHrZdhPKE44A==","shasum":"757f82232f83eacf2134704e711489e75ac656aa","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.a6912af5.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3jSpCRA9TVsSAnZWagAAsO4P+wcBnUNjEj4/VdZRn+lk\nUQMkcyqdTZRGtf/k1llZfiB0BuBeV5poZK7m9+679g3oMaBf6EQ/6hnand5y\nzYHou76IgfhRtqtMtIAUQafsBmjjccOujv1V6O1LpXqoxW1lGQGq5edPRg7u\nuHjjWPQKzB3CRNV49dxG8PKzSgNodldjTT98xnOEDWI0U9bxQdPr5NmmZXY9\n7Gg9Bu8VQKc6bPPJ4Au76JIMvhX2YGbMhhhUidUQO0RTzctUxxg6LYzBZT+9\nNzEjwza5OjnqFeMQKGMdXZALprpB0ImzaU+k5VlqNd+gdjOD6PvY5Pf6kWGt\nWpQ5xs16DpBpoXHJUoS31EkGNrNGK0BIdcoTb6LKiTQOHr8xz+oDEhrh44eO\n1vfDxqu+3d86UbYMr+xd5wFV4HZTXGMALqywuZsFki+1bPjfmFeDCSTBm/Jh\nj56+dxRVLjW6wiTMy+9Bol2qS9I97dQRSbK/+RBn0Ur4LsAn7hNcC/XK/O5g\niyu+XujRDlswxBKqPIwRuRP4A3xPCNUM1BgoHfGTYE068rsGqKa9KHBE0Fuj\n3kJ3QDAxO4smzXAL5xIKWFDjUqfVojacT96R23RGanqsRcOUE7F18/dokLvY\n0KAkIztMahselDdHj5EVCxguF11YuEfZT2spsc5khMf6TitsYx0yor/5b2Rw\nNLC1\r\n=j0Ip\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH6MrYof4QtBoohkags3t50pjlPZlfEsF0a0EWqgwo6LAiEA5NZswyzy1VPFUM7RS4pcgcLXGLVlmlMKdgggHx5HN9o="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.a6912af5.0_1625175209132_0.8046052922723947"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.134f24bf.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.134f24bf.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1191b29dc7fa661811a1c3960131fce8394fc84e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1191b29dc7fa661811a1c3960131fce8394fc84e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1191b29dc7fa661811a1c3960131fce8394fc84e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1191b29dc7fa661811a1c3960131fce8394fc84e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1191b29dc7fa661811a1c3960131fce8394fc84e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hEXYf4j4P43X+vt7GNKQjrDXzsdQHB/hpMm7Xr6BQtPvxfL4E8NIlJJpfdXrbaOkO3pocQvzIZLILkAWSYGXmQ==","shasum":"c0c0b4a6143db3fea4859aceba81cf9f32d145fb","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.134f24bf.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3kJOCRA9TVsSAnZWagAABE8P/2P10eydteZ3K53lQunF\n1qeCiEgSqD9hoPOuSU+ZvDK8WLDLFU8ecBn/AhE37NwH/y/uCFibV+QgDKu5\nhslxWj6WGE6p1KhcE2FuUuLJkVLlIpGvITUoOxTZNZ/iFdthYdxo0BKOQi47\n+mENGUTEgBNpFvRZk1C9HFOGJNeKPlDlQ0GKQ/vuSJ7zSL9N8yzm7/gn5Vde\nsqPOsG5ycgFpaLgVI1sTscHAtoxsPzvK9KCr4DXZqd0cg0Alj18K/dshUrMC\nwOqKKK1eb5ZZQpJMctGyCP01jClcGPvD/jOc5lUJoyhqw2DNnr7UUH01R+N+\nveokQKYzbQIoGC22GoRFzawJmG/2U4YWPnv9GRzUr7ICc1Q71cQ7UtqF81JJ\nU3LzlZaoiQVx15sBBIlEy8ajB1lWLGYvNl7Ak489uHEHOw3WxwIVRd2e9paQ\nyOnCCibZX1PoSTHAmczdz4nwRVnYSHucVYCyHs5/SFBnsA7VXHP9EFXtU+TT\nFD1x8NxZ6XtRnfvdxMkO6WaUU6hjI/iAiDOLROWGFIiS0kokPuysUlE604Ge\nztIB9vnXL5TjWCH2B/q3wxvCh1r/WNMTFOa82gETJskmFQKC9TmJd+m3+9mu\nmRzK+rl7eDspH/pIBkPbU+k1xsUwAksn47jykod4bmcNkdJepE+NDJD9ZLk4\n+cKg\r\n=o7Xn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDTduXZtCzAmQg2Xleym7MjIDe/89ZVJ29psRqqdad5XAiAT6PLBYQ/KBkwLXTHNiZr+tRXSZps446MhAUtjlNOmDA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.134f24bf.0_1625178701783_0.3298929308437686"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.1debb78f.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.1debb78f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"05e5511ca831a84c47e7bd43f685202e9213b33e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05e5511ca831a84c47e7bd43f685202e9213b33e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05e5511ca831a84c47e7bd43f685202e9213b33e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05e5511ca831a84c47e7bd43f685202e9213b33e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/05e5511ca831a84c47e7bd43f685202e9213b33e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-fPyKj5huxvRdr6AlOQ84efVfpzIkod2og/T5p9cyvmZ+T3Xn9uusUuGEK3Q2tLplXmyMqUzdKkI6+D3aWN+ZSQ==","shasum":"5c1978f8b2665f2ff62c4edcda5b5d00299514e9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.1debb78f.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5Pk2CRA9TVsSAnZWagAA3joP/jMppiHs7ibczGkD2k8m\n4R2BdvLsNyPKgvQ2zWVgOYbMnarTkokdWJygXPMbQrJx+HSAKWSUWiG3dhAX\nwW3YgqAMHElBzS3XY9OKeV96aoWpCYfUXAKH2aE0D70PpyOnkFp6szJf4p8L\naLr23fBWYAP2ZR350g9vgsFZqpM+YsdoRcLWkm2Wn3ygbQltJ38ctgh/+4x7\nzSSOk8LEEA0ZhmxEPy2YX0A/uMrWD44atWrml0u+t+R7Y3vEQKXtbVze8/VK\n05CoYCo3Qy/e2ka7Zo+DU9aEstc1vDRCJixLq+HiX+4bKxICXKwJunhNNWEM\nZGBp0xlYogmBtsyKwGTUuLEBRSHkSyL22kgabnkVLm2Kl7yDBzruikR7PnAh\ngx4t/dDq7SPPkuB0kPIeSA7jQn18TMuLtvTfsiCWG+Bxdu8+jBNCR2oCIdb3\nBHBgkW8dJHOZX4x7Qold+85Y7ze/xIB3qp34vJEUBeTTBSsXbNBFxBTLfL1i\n2GcaFs3XgWzhXTD6zzgb46HUYXQi6s5Tj8YrExW9+EvnSiSIUAsyeSg9VUGt\nV2srJpDWkUeO15IrsfZ5ar86F5bVOzIDO6VJnKCz8RbZpRS237tC3RRRkav4\na4gfRm9JyKLNn56jinhy7QBUqEztM1CRUXbw4bJtq4Cz0x7Ypzg++3zlnlmW\nu1jD\r\n=EWLA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFxTtXrpcxC/Q7jsw1kfqu+3EqL1kk6UKb6hAvRsyEqnAiEA+yS+EAnk4nKplJeMaK1UsMngsrtwMa7URYLu5SG52lY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.1debb78f.0_1625618741855_0.265862367899401"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.d53edeb6.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.d53edeb6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"becc7820ecd046cb48666a32a633b8d9f76f2980","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/becc7820ecd046cb48666a32a633b8d9f76f2980/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/becc7820ecd046cb48666a32a633b8d9f76f2980/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/becc7820ecd046cb48666a32a633b8d9f76f2980/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/becc7820ecd046cb48666a32a633b8d9f76f2980/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-h8inzEIm/rkCnXBjlCyGGqhW3QltFbHfR9GnRsiNRiTvU6HAFA1SnYInt5o7TO2i4KQTZNaupUhNuB4a3MPsGA==","shasum":"0adb98592704dcca7c03596750251ffb455f93c2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.d53edeb6.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5d15CRA9TVsSAnZWagAAWJwQAJTKGd0JBM6lO+xMuOCn\nHq/Q/P7vIj/wW1b2YqfBtx6Ab5w5YxnlyHAFpCPDwxiZ727j2q0uMc2Pn1Sn\nJsKZ+0QpI8WiTLE89hFWM05grzV3UNUxfd6laRXmY8zhxssE9Vh5rWbaGM8F\nvh+NlkhZJuQkTNQYb0If8af0JNGNqmCQ9Yjv+ZvCxBcw4/pFgZahOVls8lzL\ncQPpoKUVZiC2YswSR04+hf1DRpoWm8za9QhHkznOGtdEhc7l8AA2fW4yRLFU\nxsa+s2Q+BTo65XiVLRqaRejFHNZlCm5u/QJSYVu1RjDNWm87BVH3nd7QOc/q\n+0SUa9to3bBLg84aLGRaGVivVRExEEU5UjNe+ieIg2B/0X1lPOjxCQfNXKio\n4fj6ZzUWrZMRU8DWzQTPax6NRE7552/+YThij46yC6sdVuKMtT+pta/DNlKa\nnbK3D2zKJ6+yAZ0+akhX6FFxLvZnNgzEk63BF/MKL/D0blS527jESjqOXluZ\n/AaCQA0/clLoz3qNjbyYkiFin2UCAFk6q8awXq39gV2r9hBW/4OB5DweJEDn\nFze9oEIjAXqZ4ZS1XufZIm0bMeU4V8/8feskj4vkh0w5r9v1w9F1SB1+Swpc\nLfF0Jps0qDTu3eSzGpoy6FxerYYaZHgJHx3/6dfW8ZpGlUYwiNEtLddpedZq\nX9ue\r\n=FnE/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEp4ZcHVJ9gvmJwisq9g1xZJ+qorphcx5RMCWS72RkutAiEA1gPbSQpTXd8sUI7TPs7erZv4X06iYknzGV+RmySfsEk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.d53edeb6.0_1625677176737_0.5096840248975341"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.2226489a.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.2226489a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4ac660ba00e610510de0d1b8c86d4095110ac230","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac660ba00e610510de0d1b8c86d4095110ac230/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac660ba00e610510de0d1b8c86d4095110ac230/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac660ba00e610510de0d1b8c86d4095110ac230/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4ac660ba00e610510de0d1b8c86d4095110ac230/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-vNUZEyoe2H7u5Nk+c29O9LExUZ/VCA4tlQsS+q3v+0FAMapxY0UianxPLxhnlNX8VdhTJ2PgciqU1r7fTE5gwA==","shasum":"9b68710e18e35cda08863a90a48e9db22ae2bc70","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.2226489a.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5z1YCRA9TVsSAnZWagAA3e4P/i0K/JpIdpRKPgxgyAdz\n/i63wH5rSdUhjrakburzITszPwF0B364dS5Ce9LyPw3KVVbgACSWfuI2pa5m\nwT0dxp/iwaQwKvBUR5L/SADJVidxoqvKC+gWgRVWLjzKwBcIkR5zJpW/+OjK\n0Xx3pt6LsTy95pR0PWQ6nropEn9h8MKxJL5fdLqQysWYLp1nyltOZx+ifdBF\nj2gcSUXakUr1pNNaQdafXYfr8hoEVbbT+s6yYaXzYk9lgm4fAUxFitTIFwLR\n3Jz//NTeHfEmXBlPrvQNvpO/L1m6CFNsLJft0ZAM58eWZg4yHFt5Gc9ya0pI\nOTZluXfsokXr6AHuJ5S7geMIEFlbwcQbjwFHOemIQFAaHlHjNcsYGZ64Yye+\nA6zDHuS5Zpbi83edUeF+crDOwsvvB0yizhWZrlAKVYe/0dl+5mYyJUJM/Et/\njm1UKYqTe2orBTztcekwC9bT6A8Ni3d8EK1q8BPkl1dc5SiJGEPCnQoiWY01\nTnVCDvUhtQpDF0kPz78GruJSaejelBpvtfoA6JI9kpWIhP+7/gMjjkss912p\nwerSo2hD7HJxYXEOu57m4LEW8vXSANTAbVST4Veir93b9UPLdqOFig7JLrDs\n6NLw7TckG2fjG/Vu9TrVDBVfkguolnxV8llr+PzFDuQpgvQkOaruJrWyrUWR\n2uf/\r\n=xk3Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQCyGi7dJq6aRcPBSqc3l6meJJ8HepPkfYLGM6pb7w4gIgLMTh2EKSd/SV9srBT0274+JPpFWrCIHEL4uX/OiYQjU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.2226489a.0_1625767256354_0.4717903303203954"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.d4801c11.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.d4801c11.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2d6201005f2b928287b990b2ce5ca643ef37ce6e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2d6201005f2b928287b990b2ce5ca643ef37ce6e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2d6201005f2b928287b990b2ce5ca643ef37ce6e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2d6201005f2b928287b990b2ce5ca643ef37ce6e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2d6201005f2b928287b990b2ce5ca643ef37ce6e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-+bL/mhOiBS+mZ4XV93w/ChXDHQVt6l9eYYaSRTRGIrY0KjnwTMeAKgO36mpe0m+B5DbB3I1xds3X8SK/SodcBQ==","shasum":"1f0dd7d1b60650d635493beccf771e839f9a0f57","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.d4801c11.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg51nCCRA9TVsSAnZWagAAjHcP/3AH6/Ofqg0SETE5QNBR\nNa8itSMn9au5XXyYvmp3Zvj++IkR/RWBFlMG6oHCgUtDCCUjR1MATQ45ifcK\nAxIlcwsn3xbim3hjJcLGA3FpH3klECp7jTaOwu82Hz7EfLYiPfb9sUOIjVS/\nKTckqf4lKdkcPqEiSOhc946x/kh078blFSk28nkrVuoLLTYb038tYCv70oqS\nueom8NrNnh4lWnwwh/1dMrCRHf0S57sIMI0Tw2XDzdAAtwNu/fI26qXLdNj9\nWaYAtG8c7pVU/D4aCOrKKcvCZXFiP93Let1cqGsXyXnhf3e85mZ4PME69d5t\nIFoTFaEubbiUXN0byDp0QliXj+Fgc1qCLC2Ttj0TyK9FSqgkTZ+Yf5cXDeeh\nYf2uHV/IMuqbAPdl/OTW3V9OWa69iSUpw2SIEQYhnGNFHmN1Rxp9y7ySwA5x\n7eBxxdbodP52swEwioo+RGxknb62F3+TSz4mXw1cEErVzYBgMUc96Za7ihOk\nMbJ+0g5CoDRZjoGNC3ro32b5RZ8qaApySpfqjb9yPI1XAX5G5+k00nLdEr+j\nCTsG+SLatgW8WQLW9HHHqORGT/fyxEFOURprW+PrNixIwdS2qZlyvrMOF7cb\nr7ZLZZb4zih+q9K/IbmPz0Ak0G0VRd+/bBGuBpG0Nj7SB5mzu2yvFM51M1Jo\nA7jF\r\n=8aO1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHemMwLYUKyzXGVgQBIx5fgfIUEw9XoMxJgLkLgc+b5PAiAmVGEOMrKjnc6+fFICLT/HCAZX/c90B6mPAP5aFix93Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.d4801c11.0_1625774529599_0.01738319942079647"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7ec5f2d6.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.7ec5f2d6.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"530ddb2b50487eae209a7b76d4233a5b591dc62f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/530ddb2b50487eae209a7b76d4233a5b591dc62f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/530ddb2b50487eae209a7b76d4233a5b591dc62f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/530ddb2b50487eae209a7b76d4233a5b591dc62f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/530ddb2b50487eae209a7b76d4233a5b591dc62f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-KbfVWIG6WuedkfoN5uTp9SEUvHZLRnPJBlh7BRNnzNJRVIlVR2ktgRccsNcRhvs9OAqzqq6VxqUHBX6KUWem8g==","shasum":"0efa7891291d7fec7bb0e98983bfe2fe6b54a12a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.7ec5f2d6.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7HjeCRA9TVsSAnZWagAA2IEP/j1tR92WsyXC12WpNKLw\n3tHSBY314/uX+UkLVknegl1Qv5vToJMpvuAVEMXfY6vabxKXj+/gdMJugBcP\nEwVQJrCyYj1XH5V0yJa6NDFDqHfMmhpPCytQRwfMDPBfrvd93oRuJP4RwCrg\nsG2KpG70F9kE9xEsj96mQRFJ3TdlJehGfFeB/b5RwMUbo5fkCUzrrnOwCkR5\ng5Zf5ZzFIimIJUUh87/vNXJQ8yKiqEu48Qnqv60IDpxny5i0TFS66cPt67Cn\nLgw8Vvyps1KGhbamJtvRDIXT/a+JqlUhO0wbwn8EsI3Pyrn2jJ9A2swa6H8X\ntxFn35M9dcpBiFEjiAmHtI8tW/szrOB4+Mn3EJnzVaCxCwC4KXkIAAy3NbQp\nde8bGo5ZOph1fpcwCoNo7RLgm2tlq/JcgDnZzLXyAgtaywfukOszZ2RlS25/\n7q4Kc6DhSZCSEctA1tD/oQ4oxzCPOxOkKIImiiN/Ga2v7tq07gpHT6jCX/VB\nUOZiyYfiLWWl+gTqdlr5GyZzHkv6FFTCOsCzNipR0vOy8oVt8p5O/oJLqMx2\n8pPtAFo6pf1OTUWVx8a0LmiuUukYShVsTQxYWVJXC7XMXH2dqjEAM0igu/z7\nlL3lB6pOc9p/EX/y+sqTHpxEzMyw43gqpzDNYwRcFE5yL9iBV/NUyK7NgOJF\n7EDq\r\n=pyDa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCs8yLA3nbsLSnFdd4HCFMoBJQ793Gyl/ngPEjD998uQIhAK8gY0AokG9wK75zWcdhf6utui5vI1sYrf4sZp0nL347"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.7ec5f2d6.0_1626110173967_0.9682705215145391"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.86cb4ca7.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.86cb4ca7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f679091aef1ae61c94f4217310d6cd1161c48598","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f679091aef1ae61c94f4217310d6cd1161c48598/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f679091aef1ae61c94f4217310d6cd1161c48598/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f679091aef1ae61c94f4217310d6cd1161c48598/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f679091aef1ae61c94f4217310d6cd1161c48598/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bvBFTIrWHJDSSZWVS6qMhKl0fLwoEIwXDAyE92TrJ6IaXF2htKeKa/4019Gc4WczkxQ7rOfHLgBGmagC3D4v4g==","shasum":"a9d44b28e742bfe44ecfa96e16164a2a5f122cc6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.86cb4ca7.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7c85CRA9TVsSAnZWagAAIRsP/1wac2gjGQEbagc09j80\n68zJKFlA/HyhuSZwExBI0EDbBEsYFJaKDWEr+qG4+aWHt7m6aQNS8VZaG4VE\njDyGMbHNQDtCb1BPTTC4Hf6aK95uEtE5IfvLgssGKDFFAd1GG0z4HpG6ff3S\nZciKIoIkK3AOE8x9imoR7E84Aj+/K0ppmUbTcotP9/xpiFmqoxeH2g636Nu8\nEECKCFX6vV5/eQAyH3dsx1oFRK+Pz05EWj261M9dJpSkIjM7uOl7tf6B7rbc\nbYtkIPyDwgiHAbilLktjBpxjXIayaxjHCN+9P72JqHI7v/gioZ8E+UnwO8A1\n1wWxD+O5b6kx8JmwfDlMuhII6tZtzGMYt+a4HMA9Q7zIPCGDqBncZfoTXgon\nzqwvBIYg+7XM3ffbUV73ILb9xUd92VaHtlkOYsMuvQXGVbzeHBOyPo4FJr2O\nDmpaVZ6mok2ByumwynAh3PJT4QG0cb2fsLgDeUaV2rQkyD8KkCH4u+I+o1rn\n3J7gXJcOqwDiIsQ7FcxzuKsNSuTew2iIScdynpGXlTRYmWzyXvv/KvtiLCM5\noAZu+lhZ3eEFb/1/Dw6tkGNKiloKKu3J3CMP4pQyfZPwcsVUBlhbJgK3nZYu\nYZzEwVZuGyfElGsjdLptJ33gxwRPvHJfLYRQKYEs+CI4L4U/EwuPLK9o+0Mu\n96Yj\r\n=fwY0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoOogIYf9OfcoWuF3AMaeXlsmOhcGromnjnTH7PHYO/wIgOs64tFBLmlvHXAqOc/g4TNC5Ta24ZMa99o9CDrnUW5A="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.86cb4ca7.0_1626197817229_0.7358889155206012"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.cb42f5bd.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.cb42f5bd.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2a31bbf40274b11678aacc5de800344a83518f3c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2a31bbf40274b11678aacc5de800344a83518f3c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2a31bbf40274b11678aacc5de800344a83518f3c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2a31bbf40274b11678aacc5de800344a83518f3c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2a31bbf40274b11678aacc5de800344a83518f3c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-D97iQ6lGl3GDLPXefENS0t5c+Yu2vAFyM1P1yNIjxHKB/ua0f0JvkPnH90JYjCiFTn3jOQYu1k/R8Wm4p9/1Sg==","shasum":"3dc2103cb36ad8092ddc96925ddd87533eecfc82","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.cb42f5bd.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7dkkCRA9TVsSAnZWagAA9oUP/2OT3E/7SQ673W9EN4W1\n+0cGGyvhkB/6Y2oslDWbSNUU/aLNHGaztnZouQxgicbRp+nY0J0xr7Cjf62U\n4X23FqaR1EtuiE2iNtClCwffxcWpJW+YQoH/6ZN+iVbOtHdHiXu0PnSw5xxq\nfEp7dhEFdlAABqNW+250dR/26gv+NVNANOkg14xyRdbCdWrxCn0NujotqMsF\nUZh5Ws1+3LhKv0x+vlRGYe8EmWJcz9HoM2FNQC67LwY885P3Aa3Xmp1EILhl\nWUzZ/rI+V7cCtE3J48Fz4RPmC0Regsw+pZYkjDBGPs0dN2DwJ6N9gVuUufvl\n7fEQQ/EiQpn21g1cF+KTavgJfr1YpwAIsun3la2eQXR9hhHTJz0/wyDPjU06\nOJzQ1QQOcE5Xb+0bos3f7VJ3sOb05bHvQJ8q7CZvMrwrI6Rxw02oWM440BHh\n37liJthPX2FhTyQ/tGgVP3F4qr6KemNTJ+kvVw+ILoMw1jq/cT86teqA0Vbv\nc5rAcmNRJgKq0OIqcCwTMruSyNap1BiQEhVKGm9e41zksYNvQlRaSyZwDVrH\nLw6MBReHK82NarYXd31AP4/SPLol2Ba6S33v2i4roZ/hYdPeo8vh8yMCiXlP\nYLSFEngOGmOs4tFEvvQXPNpiv76hFUIKyUV2lgprc5/CGVGUkikiX0fVFZfC\nGvph\r\n=Otn+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlpQM6jZJJ8RmZiUq4lCnSFu8MKSGOtTVQ3q9/5PKMDAIhAJ1/+tx4fj4HOzxr93dBXZ9YTsDMmEhYLS7YipAIiUfL"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.cb42f5bd.0_1626200355624_0.5106665646231123"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.bc9a724e.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.bc9a724e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3f6fbd971026d270d71f4fa8515adb70cb387ae3","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f6fbd971026d270d71f4fa8515adb70cb387ae3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f6fbd971026d270d71f4fa8515adb70cb387ae3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f6fbd971026d270d71f4fa8515adb70cb387ae3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3f6fbd971026d270d71f4fa8515adb70cb387ae3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-/k13VE8CbX5h6UO7nL3rPwof8htZpwTWJ3W3XtFbg3oKTY3qrTEffUo/E+1Od2+pCOeotdJbNbTjOubxX+GlBw==","shasum":"7a96868a27d4c6a1cb8f04ce7ef67b514303e03f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.bc9a724e.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7d5bCRA9TVsSAnZWagAAnrMP/imFyqr2Z240kDXhXcXo\nDcty33YDYjLm6wLFireEbHAwNems1Tuu6LKRaJMPue8nc1ovsIo2Wv7TlHKR\nrjsY+cewmTr0u+YGj6cCrd7RR5bNEeRuN2BjsNZ2kkoJZrOlh7FSV3CBiWfL\nJvNA45p4gQ7Fttg3iUBiwu0PD8gTgk1e/w1lCFYMadP9TfTKhA+7jzfYPq/Q\n6aVisYosL+JuAywFZEoEOQDIv7oNeMLiJtS8QPkmHHxDeJhty62+vJR9/6HH\nC+L5uknhrgQVl7BZkfu+5lQuxGGIP0uqaEycA1qaf+9vv293KFamtPfGoLAe\nsRFVAH5ZSMTX+Zfy4SKy/Vp834QEMfkFnS7h7lRHV4qo7MMzMhH5nFGy733J\n59iGwOqHOG3IpKjEfwTzVMKvplI02rEQkE034V8T4aEUrqp2SeGM790nZyVN\nbdJYQxeLCTe/CnC0e5u457nMDKWMz4dIOdgmlAywRQlybRnFxXiPQo6olFKR\nPek8fvKhFRGVFFvha89ig6DPWrjxDV1yfr4D6QvcwMEaS2bd8udqMgU8GAT3\nGsuuLfk8CJmKVG5ipkLLJkTWf2c0VG8cQIRQ6NhesvAxQmHbVgH3p+pgV1oz\nawGC0I4OvTBUZglXAJxVBUoQ3rA6EvptPEDCCgo+eFsQbXxtGLB67tttna6W\ntoCK\r\n=Jbuk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNZLQuVZ0gvvAtVCWxVAAC+mH6wESbQODTuoheJHFi4AiBs3a0EXssC+nDMYpb6yRad8cm4bjtl0l5AlPZh+HpQLg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.bc9a724e.0_1626201690850_0.6784763338342867"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.7847b83a.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.7847b83a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"96a87e19e381c977d8ac1c7a5a20a261fe54c448","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96a87e19e381c977d8ac1c7a5a20a261fe54c448/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96a87e19e381c977d8ac1c7a5a20a261fe54c448/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96a87e19e381c977d8ac1c7a5a20a261fe54c448/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/96a87e19e381c977d8ac1c7a5a20a261fe54c448/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-//HMcq2BjT0EDludd4z/mIapHj9aalaR/ZovjeOk2CZm/z46UUD9MhzqZK/IhaBsUspQWpsVGiHpT5R8alrCTw==","shasum":"2413cd71f9053663b561c7c5b33db64cd9aa888e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.7847b83a.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7xxMCRA9TVsSAnZWagAA/tEP/1bOYxOFxpJWHENABokd\n4XCeXSEzkHMtUYE1fGyiqwlcZgZ57298XFAmzeO/5Y/IUUWO+5teWyl7vgPb\ns+fXI/3bohQrPHzFyIhCK0fVKreJXLDgLKkHAGJDuTXBaWDGD4WAhMvEN19f\n+boptFK2JEkYqQStAZ+8K7+KpZbjp2PIofzsttN35eRdNvNjR4+3mwiimXeW\neWwAXAMODn4cSHClUnBXdNv3JGw2b+W4itu8UTl20JLY1G2DoUoW6b/IHfNh\nEjy0lgWmEJo6eP6XXIuIT07LJathRt7tndi/HiBM9XlLoT+Xy44kwbo9OlG0\naPVcSn5PgsrcDhgxc9bNEYWgBCTP5vhL0PmSGc174Gu9zSyTpBB62tgSQzrJ\nYfpjE2KCKSG3TMmSUlJkLn3R/MzjXiF23laVU/V/QYlIDudrtenRbjia3OKH\ntuIy/0Sy+8YBaQu2RqJyC3z/MpOgM1HZvKHFsfS5FKIEkxSA0z06rJo0qMCx\njRPVU86H6OxcNJLEWRC7LLrAMlOjg6nP9YfYF/ltTtbiA5qX+Kxg3YZ/HhKo\nyPSb+BShS/Y8o0TXl6sSl+GdRqtzx+5q1iKJcmJziYkiGg6agET2Bi4QB+Dp\n+IAxWaAUVyI31EY5ZWoOUa56MD/tUK4pLmj6uCSpoThVtq+46vVI6ThB062Y\n9WZo\r\n=LtUr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKsbsEfa8LCSMZ3XI6WBhVgjSMLW5PAyvzM25lPX8f8wIhANdMfvQpaipQCHsEB9OLUnOV5AvnU4fzCaHI7IcMo1Rz"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.7847b83a.0_1626283084468_0.1592246057237241"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0-canary.8cba18fa.0":{"name":"@material/mwc-circular-progress","version":"0.22.0-canary.8cba18fa.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0eb1334d9597f86a21b5f9edc232a1c0f67f6abc","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0eb1334d9597f86a21b5f9edc232a1c0f67f6abc/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0eb1334d9597f86a21b5f9edc232a1c0f67f6abc/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0eb1334d9597f86a21b5f9edc232a1c0f67f6abc/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0eb1334d9597f86a21b5f9edc232a1c0f67f6abc/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5h7ngFnm89pqp3OpjNqrS9c/Ya0+XGYudiP2EVXcGglSM8sj56UGOz0j5Tb+l3jSP5TW+6/6bqpUKm1C5WH5Vw==","shasum":"2a6431a9ec37df716d8f7c91406dead8c72875fc","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0-canary.8cba18fa.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg70hZCRA9TVsSAnZWagAA6+oQAIEnhRPsAS4BTyXDKFYA\nYcd0WqZRnQgUIYm9vQ0wQhU40jS1yTJl5feo/5bH4iSwEJwWwkLOMeKHq9DZ\ngmY/Yu40MsQ/+vLS92/qTu0mQwA2qvxfNRNv/sJ/CsCF4B0YDDHScEZqtk9l\ntAjYPHHzK2K9mcEpz8gH3BMRtGDOjmY5n8AnZJYq+WShUlzcJGf21GRKCOQe\n9vGCYLuHCCHy7A7fC4OWoRdYyrAfJvtuMZKgp9Vt5Fww/k5Dv0KqDooS/Hs2\nPo794VeO3pS3b68BP4mlvFqbeq1XOIYCY71miEjDX9zWIcgAQQ2p4COqRPpL\nLGdMuUIZQ+29BHGzTLOxA9KYhCowbHzh42yyH+T7/jjPhdfrNFKepnYazyDl\nIP1/emE1xOlVoJ9DzmFf+5LLiZPdu4EU1Dr1t6EnqxbBBLN1Rn4X90vLLeNQ\n0n1LKmlPPC45xI4TlG9pTbLbSP9oTKO2/A8wM6i6sKm4Bn0bqbXoRh1zKcoK\nmCOEnndpd9cimIMuzMxJsN56f8XIJWPVCcqaY4C8UZQIQVo1JYlSCLwuSSzQ\nyHSmMFAMIMAeeHsMlYCCkWQlgLcfoHhLsAQvbRK9/GgZyCHoltzQ44ZcCoSj\nkmmgTB9KIjuPgLLq5g/t/lD5ezw7jBYEiyHIFKhLqNEX6kwktXjtzfwY1a8L\nRIrF\r\n=IQtk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF8roYvsxG0tzw8BBsOol2i6ELG4J2PUfQGFRJQ1bVJSAiEAnCyebM2SIyoQ87hgpiy5yOGQXo+/aspJTicYoB9UeHs="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.22.0-canary.8cba18fa.0_1626294361190_0.32261582626393537"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.0":{"name":"@material/mwc-circular-progress","version":"0.22.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.22.0","_nodeVersion":"15.8.0","_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","dist":{"integrity":"sha512-9h9AsC7c22o2bkZiJLjHFgDFOG9Sb0Q5SEWHMTMnLu20DnXQnIlAV05zvlJ/XX0Oyos2BwltwHaFbHgv/B6cfQ==","shasum":"4c8ab54bd27158d4a2b31063b7168258795b6cf9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.0.tgz","fileCount":16,"unpackedSize":47096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg72XZCRA9TVsSAnZWagAAP/QP/3Ut2CKMUWEqbBrBkeYz\n9q7NAXqElwzubd+6eLlX499HHheZTWBFwDXiTKIoN/R24ZrSPd7To6LYLK3M\n3hZomJaOTK8YNuq6swOpxd3qtr+dnjdm7v4HbnvE6wv6ESOXDc23ZvuUaqN8\nsN0QrI+abtZAAt/PVZES3Tvf7uZj97uvp2PorJru0kxItiYAKVtlfrGXe1GT\nZ8qbVHlQmu2JA/itywubXi6LMB5GstjC41qD8qc2wLAGSRbXMQqwBTnQOXbU\nyDKEc0IBZfF0cRFlgoYtoFo8mPk73Yp+idtsSHWG3++T6gOSegffs6NDV5ss\n/aof0sDV7g4qwZ0KrepJZjPsH5KXoCQ/EOiAPHOlnUdQQaUWpT/oAE+nQ/v6\n8boUPWOXMCWF9B88yTckSfshGYMgUrkBsb3l68/MxNaBCKpKdpLHkG9DjBol\nIIQFcvc0kE2Y/F08/THIUpV8AiD4Qk4JtO6YN0IcbdgmkJ902zWs+R01o+VS\nomPwU+phzi16X+3BT2emHLVFHao3P4GgK+aH6JyQh6lQitGjCykRKJaPhI99\nDxF67Lm8HCcgzUj4OgIZtNwcnTEHkr5oWsuH9qoYErjXZcHY92fshKqDuxEQ\nPzNesoeDgXj7H+3EQJtIF9wb2VZEQ2ZStx6jPpEx4tQCRyQ+0zghyJcE0cEn\nuJwU\r\n=8DmZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjB1oc97Dr4uiRx93F0EbBb0TrY6RU3MjuqtGBCSumsAiEAyAL6xj9wxxEQ5pBgrCW4xDY6sCGIpG4NuDNZKESTRqM="}]},"_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-circular-progress_0.22.0_1626301913391_0.9368891392694365"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.22.1":{"name":"@material/mwc-circular-progress","version":"0.22.1","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.22.1","_nodeVersion":"15.8.0","_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","dist":{"integrity":"sha512-stGOBIBDgvx/nMoL5QBOA2axAx/VXUiTkTWsFNa7aTkG/CZX94A9KvdcWlcbkdbNguX1LPdw3otKB/Vurmbviw==","shasum":"4d771bda168c73ccbb090ae5af75d64aac9382ab","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.22.1.tgz","fileCount":16,"unpackedSize":47096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg72q9CRA9TVsSAnZWagAAijsP/i1FnAgn3DUbKjQy1PEM\nNOJXGplKGsdKCFC/AjUgrkzTtpoRd3pMFUXo6eBwwfj+9CNJDRdkeqngLzJB\ncK1risoDZJZiNhbHvVDnLe3bOgCwhHTU2Swke/Rf0k9ERdnlU8+WH1VsDN5V\nP90zAvN5kFKsbgyel5DxPlzhIEsCMiYP6hdvTnn/RL+I0k6fdi7fJpyMwctY\nFCJXpNLwaHQT8JFgUWrY3i6ewAWjSbLFswODxbqJOuR1aN6v9MwkcNZD2owa\njUj3YKT3USeRcDYUQuivFHhgXNha1tiyMUmxGOnKzcSmKVar8xtd7MDsdGmB\nEtXi7fb7SLZLdBEINtne8YY5BoPSnkcq4wVVsMpu7VJwSh8t7hhfHacF0ELt\neYuyjDnha4Jby7XeMkyLdseOhQvOUWXO91tO0YlKds/iAUInTwM3xLfjyD0w\nHnVmfBrZW8VLXa1IFqWw7Dcsm2NgBa1TtvKQK+twVRTeNrDQGC4zhEYcfr6Y\nXi7kT0akHn3igX4AuwJjtxKAbJz2rMKGsiY9qyEL0ZVVedIo01hHYt6zT6ZX\nm/PsxfexCA+Bsr8GgT2pvhYrvXknlR3HC9lLFB3r9SrfjMevBR8o++50UnBT\nrHCZ3WM2Sq+ugVpJiXEqDNm/IzdFLHHUgr38yevvPBuXmOm36Vi6tkafVlGH\n/sBy\r\n=7HPM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDL8wsqOMUtAXoGZtf99w6xnRiSytJPB5SvitdrOM7NmAIhAPxNyW9q+AeXE4TrIBpK6+o1J2uZheEJ+oRNlz96eyU7"}]},"_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-circular-progress_0.22.1_1626303164772_0.9299913798532675"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fbc09b4e.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.fbc09b4e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"928fe21d53da3c383833e0766f262dd5454356ed","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/928fe21d53da3c383833e0766f262dd5454356ed/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/928fe21d53da3c383833e0766f262dd5454356ed/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/928fe21d53da3c383833e0766f262dd5454356ed/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/928fe21d53da3c383833e0766f262dd5454356ed/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-OHMofoC4vJqeYWSsUYF2w61Gzk6AZZkypVYeVfJJ74rSQyY19nqgsd3xNEFMJN7kIeQjXHHL4zvviUQes6KHOg==","shasum":"1ac76e6fde31a46dba357531cf3e2342758ceab0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.fbc09b4e.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg72rpCRA9TVsSAnZWagAAhWoP/iiLJfc0YAHPrl9wsYrk\nFstqWGxE+Evjz3/J1q8J9eiIgnrYnUa50z5tKFj3o+44TVfSHiw6m6iRQ+gy\noFvHQ5o4dQrLPO1CFQBK/rKLjNANzFNpD2pXxW1iRfis/UIW6lX84XPAJT2h\nSD6pitFTSIWRIblVH04zEkqWL2YbdRvkUE5OJpP4QBh8tMmXLAUHwZma75G9\n+d8/Z/aFsU4DXZclb/bMF0hrq/vLy8ONijpX2QmS0hm2mrMQq4ZQ8GiPAm5L\nRsqp+u4ppmLl7T4S3bnDvrj6WmYmAat5KwbxDSP92jcNVMg0PX/B+DcUWiSx\nJOYF29h0LkVmNh1XI0uPOFRcpxn6M5/GBA3H6TVAwQnv99hlFh4lWBWtlT3F\ncKpd24algFfz9OxuMXM1piFkyzXcEfYVhdnrLXfozj9YHM+0hYcs5e9mTv5t\nYjbAiauiEPJgsA3f2tSebDjJlHhchZOr+3TTOX/ij2Z49rVGt9L1JgzB/LdW\nHvzVARnFVGuhU+Utu2DaH/0A20c6BhbJF8CHaxLrKeFeIypxXNWawptQYOEY\njQRI1CASpd/o8x7Ss0Rhdt3EGQmAy1qXHnAFlmed/t9n/ZP/2j+lVCXeNDnw\nHsi7+voSrTG6zxC8dzO0qBQ0f54lqOSy03brOAPgikyRKhy0+VeZ9OZK+ZGr\ng8Zh\r\n=TzUW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIACzaUmaBlD/cyF5AXLQr8/ZB7K9zGih/MhKtUYWqUyZAiA5fY/8YaFKKPIrfHbqui0BsV9EUfEjrHLTDSFXuqYC7Q=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.fbc09b4e.0_1626303208742_0.3438056282162092"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.73e9f83c.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.73e9f83c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7cb506f7d4ddb8897417b2451e1dce233644faea","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb506f7d4ddb8897417b2451e1dce233644faea/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb506f7d4ddb8897417b2451e1dce233644faea/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb506f7d4ddb8897417b2451e1dce233644faea/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb506f7d4ddb8897417b2451e1dce233644faea/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-pLy/ChmvcA3eYG1NsUh2PqOF5KRUkxU/JZ9JSPys9luAivBAVOcVzIeRGLUFhQ4Bop065VlsqGfFAUVXEkJ7Sg==","shasum":"92274fab44ca37ac66eba5c18e88e23019cc9ce3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.73e9f83c.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8JzmCRA9TVsSAnZWagAAQUAP/A27SDKiooXPsabYhTr+\nf2Q5k9uLHAYLqRRnes3qY9SkKbrGSS5ST2jW3UXjhELbbwrXeOaiNWHFJpIb\n2/U3i0l2co8KR9E3rltjGRMBa8Jjq9GzWCAgM8qUErC+ls4DJsJq5wwz8+bp\nGafmt4PMf1CpMbcWI59GyAp9Pso0Q5wAKLInhY+1ICMHrV0OO6g7roC6CGAc\n9nXdCJvIc1L4lc/rjsA0Aqb5le3Ac46WdLPBp3wP6h7j18LZFz50bw0LOPvw\nIJPHGKPRMh/x2DhxLWsIx9xq4VfqYfTDJmlKd6QWgVTEajoppGzC8aTz7CB1\nYT80PIgKOkmuTqjibVS3FlYnRovrsfltiWTieUwGpm+/qmviLNz4117YBJ6z\n0alusegtsOc6L3rEmWOi83osoF+4gDxpeXuXjLUfEs14A3d4evCZVLftc4SH\nTEZ6y1CPHVRnWUTyGsdVDcF23CW1VAIbA8a22k1uBcxkCDZii8SMZROoJPZH\ne5skK6jg30rbwpxM768oJ1fh8tjFJnAz8VNRFt3OY+QeMMxJn80GdqnAtijK\noMtkQBA3D58lCHvX5Lkwi3Cun02MdA1O8vLnjBliVgkgkwOrlOF0C4t1mWXs\nxH1TxXJnUaYN927zG7ED4Pg3ETjFi/r9QQo/ngMrA+PLm5Q55UE4s2e3rmac\nuC/a\r\n=htxo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbmyx4wyioOR6oIUsebQP4IqpGhm4fAJSXkleH+0DJTgIgJvOERybCdkEHMvPeZI7QEhlNf0o4qiDGqw0evrGEujA="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.73e9f83c.0_1626381542734_0.01833524466228953"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.cc0aa7a9.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.cc0aa7a9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"46cd2c64b884400d63eb38fd81a1ad72accf42df","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/46cd2c64b884400d63eb38fd81a1ad72accf42df/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/46cd2c64b884400d63eb38fd81a1ad72accf42df/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/46cd2c64b884400d63eb38fd81a1ad72accf42df/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/46cd2c64b884400d63eb38fd81a1ad72accf42df/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-cRZEpaKMUhcy9Hgqntmve9zeXerYepkS1KjQRoISI6iXWDltVErd2rcz+np5eOgvGezWkmsqhH/48Cj0HRjBlg==","shasum":"059da8beb5951c42a334711ddff1bf7d4bd022ea","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.cc0aa7a9.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8KKKCRA9TVsSAnZWagAAK9UQAJrnVw8k7OenBraGIjGO\nxSMcO+6SHmycY5tBKSbn9NnuoCHm2qL+l31KPLWE9Dm/msflbKwUewDaRicA\nsqh+MsMygltlBEpQNKwSxAizYl9DJOLICvrMAqgbCFdRQONfuBN8WP0WKfGd\nTKk22r0aMGJCLM5ON7KVhbQkiqjvtqoiMdMU7hVpWXfyjDyGc7lMq+GRjn4v\n+RuOMNKdzr8HxTC8eWKfdFRZyAh7plCT0cpb/AIwg5rpEeFG2lpGPpnBQ8Bk\nAPlNztGsgL19uUjhRcduTmSBZG69RWhBLGil80PjGM8HjpIexgEgU7idbgTh\n6Zjxs37W16rVbuHtT0pHrBRGstttlGedGON3d+yTpjBRsqWY7CbPAzdhKpsG\nTqK7SL21+f2dOXr+SRHzvKcdgnNPj2y5ywem1Wioii/hqR2goFvg9Qc6HPlJ\n8FMO+dqnB1Vx675JVZ+fsEnwTpHk4ZscU95oPl5fgdEg9W5LeQw902uWgDZ3\nhrFXwxFPgZmYfmQLlBR5ZF3b1mxLYjLQ3Fm8igKG94yYmGgTCgMTM7fAY/s3\nBz9z4qIcXq3Uf5lfZtKgBOoQk2ylLsjzbgviYFaH4yDM3xrLyBCjDhqC2isr\nMeVBJ3ss2Jf5YBTAe4O/mtvoLiAuC7Xl0ls77ctpjNOqBiBqMnL95VDpwlQY\n2Mx+\r\n=pg/U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyJaIUEmF77V2ipH/7l2eO6GPqhBASl8P7NudyX4S3XAIhAPyIVYFADLySTzRbE1Bmkao5lBHMqnzatVREB0IZCZKL"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.cc0aa7a9.0_1626382986620_0.49268193756260126"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a8fcac45.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.a8fcac45.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7319affa5e07f6651089343a3fdf21864f2d3de3","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7319affa5e07f6651089343a3fdf21864f2d3de3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7319affa5e07f6651089343a3fdf21864f2d3de3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7319affa5e07f6651089343a3fdf21864f2d3de3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7319affa5e07f6651089343a3fdf21864f2d3de3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-U7brnY47eWgVkGPRsmXEEcCnkV6l0I+nv+qTu/sG2eF5/MIbvQnmZWPareRunzwyoSYybTjRfRzgfc76XYNXIg==","shasum":"ce2dff987046c1023319371a6d644f25643aa289","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.a8fcac45.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8Kb8CRA9TVsSAnZWagAAyTkQAIe5ohlebmiXQGBuDJij\nyO/oTCHjaHY2RW9uHc1AGymzkY8LRnHdyv17Dnb4dAGBmeOn7zi+XnY74d4b\n2SLphajxHcn/NgatQzuG6S3oaK+Gn3/PYv06vGi7h9cM/Ds/KNts786XqHqI\ni7RbALmGSjUH7nBZKuU6/2BBlZzLR8BfIoOXGnHowNOysA+yqL5lDNG/ANaJ\nvXUwjiu2fy9ATxvnRVn5Zzu43MIRgN8FiNHf9dpnV/WSb+dI6JxWUWQPa8nY\n65NKCecwSHcemyOJOi9OSul48QHtdV/vCAh23+DhUy8ME6PqLpoDNq5if5DT\n/zrZjSVXs7ukuXMT2tHnoZhlii0WQbL0feyVi6xhlZEvZFUqi9TefuF94Kcn\n/3gmNg9jRjY8RF28+vEPkivIj7+Yak7+9QxDtt0lkICTpx9WcsrqvRe/gNHj\nfqM7nnv2cKPRYieDDfLNCy5FUfVwEfb//tLuQGQCYePuH7vMsu9NMyf9vP7g\nxzYepY5zQni02cIiZN9M5bS1q6FD5wQULGqqFhfwFWfwtdfKoYsuYWzkQ3Ig\n/tXmwhwPEMMsvAGcp5OpiShP+CaCyO79K7usjkSnHyfOz0giTCBfhH2gK3oh\ndrv9IsX94wppNamXWqvFBpmYEVcX5KmodKClyyO8xfrJYp24aF5L5CfP2uY7\nRTkB\r\n=BI8q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE5DD/oEZJTKNunm5ZFf95N6X0PaYRF9v3z6F35h+G9fAiEA+qRcBQokJ6wKMrkaW6v4de9CYx4XtY6+OKT3cIdZOC4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.a8fcac45.0_1626384123890_0.464609293707543"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3ca580d1.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.3ca580d1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a2e57ca3915a4619a2a2fe234e3e3bb8be5a5496","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a2e57ca3915a4619a2a2fe234e3e3bb8be5a5496/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a2e57ca3915a4619a2a2fe234e3e3bb8be5a5496/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a2e57ca3915a4619a2a2fe234e3e3bb8be5a5496/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a2e57ca3915a4619a2a2fe234e3e3bb8be5a5496/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-OTQyAFiZozZYdyC84kQZ6GsX71FqF5qr9azxMN5P3CnEL/VzF7+V5bCYpzWZz52rzkOhEQjmhLisT8QMhA+WiQ==","shasum":"9e80819ff4ff1de9cff153a3341ab3566dd92f1c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.3ca580d1.0.tgz","fileCount":16,"unpackedSize":47131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8LCxCRA9TVsSAnZWagAA5iUP/jMA4hYnDoGNi5qZwOyF\nZ15rxcvwAL5+D5TugzYavxIbD8P9RL4bmQxaoBH8vXil98virDXKIu4dEPx3\nsYaDlKbeu0ZkJn0fs8OtOY6ZGtSH7+0Nirk6g8YpZQSG5RbgKfUpFYkeNC7c\nY3j+H65ZJi+cy5G7Tn+8neocwoRwl73sBXoaIpCoLm2N3Ly3/H+dl2vTfb+/\nmmpEoNnNrHlm3WSwzMvSl+jCg9QUCzIHn3k+gLTGKNDEwMIto6qR9naa/MpU\nfok4cifya0gXrFFvVIU2Qeb4HAo+FUTJHuf87dHLGGJZWa7Mrulr9YtcWnWv\nQBYEs7trCFWhk556IBPCELmtwhVFS9OjlspMP6OC+HarE+UVtKfzFhxt/vQ8\nXg8VKyQRZpokZJxKSQcH3RqfkrGTKnAd33SSgdGDKH37N/E8ovoHVcJNijGP\nFbJc3zwZKoYb//cpBPCsS9UrcOq/AUsFTtwrAFtFiYnSVqmgI7o9Rm04wSXv\nOujfmn36laN3WKqsYFhp5qaZN6jMBrC35GTCK3kFZfq3v6/Fe/AO1T8e8U4M\n3jf1QhaQZKyqLRuty91Yn5vhcHEfdaz8UDCy1vSQGyDlxOp06sDIESF863dP\nK6ytOov162FEk+6WtVYWnjXTTZrQmLuSVrVf3e4ZTakjPjD1XDj/WOnDOF/F\nkDNW\r\n=3DaF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+vFqbcZCJUFDXifja2fU9pxCCgNJeZ1zwauccf0s1KAiAEsVhfOH41weaw7oP7jRWETD654xvqKH43YT8W3gpUzg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.3ca580d1.0_1626386609401_0.35675565379398755"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.9e41cb2e.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.9e41cb2e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"66f1b7c941717bc279a73626020dd81fa186f3b2","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f1b7c941717bc279a73626020dd81fa186f3b2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f1b7c941717bc279a73626020dd81fa186f3b2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f1b7c941717bc279a73626020dd81fa186f3b2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66f1b7c941717bc279a73626020dd81fa186f3b2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-C4/Ad2XZw2ygFdIZPaPS4OXrsqIGNzSxC8OGBCAI16FCDPlIbq9DNxoKnJpzRTY86hiakhRQPEKXJvLIP0hhwg==","shasum":"5e643d423f61262cb5fb3fbaf40be1cd09541ee6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.9e41cb2e.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8L/aCRA9TVsSAnZWagAABqgP/j2LRcNA1+HN+BnUr13l\n/YLY6GTPVM04oe78qfCtP0tivSHJXdMbbfkZADvq7TJrRVxZParVBTDD5vpM\nfpXL7zNGNKtAfFd5uOAd3uuyDQWqJuc+ExjaICjtSbwPaZl2asdOI88kX0z4\n6ey2XaGcGBh1+MZW/VgGV89W+YG+uEZg1UsmPPO2U4LnM3FB4FtaAjDg0NOj\n0niIjMXGgR4LNMqkRsEu7Rq/r5BPdD/MJAAccOyfhyZ2UjzXwPdmQAebqPxn\nDqaNQFAmCPPUE29Q/ljkzwIT5B8xLC3K2CxkqcwX7aUzbQ3PHYEvS05qci6h\nnxTV7tw/xejT5uDDqDjgyFmKw0pxQggqC4XmtG4/OPgJNNGrSxJbFWnvQaxp\n3t71jhqMu4N6rXbO1roprUeiWyRotf3EggsKYkUhD3wAyCofFqBul9vrHAbm\n65KRX+2OkAkyl3a6j0Mkq+aTHO7++e/vA4iASZpVE2LHy+BXpofxo4m86dup\n4R0sc2eWQYySgdxYHjI5E4TBqBKdIDmg4fZnP/K1RD3UiXvRiSMA2z9cIP0s\nbLR0wzSUMWmwhv+0i/QNPn9VFmCRTwHRCvme/0FcGzU3jApVzeTL3pGuS67+\nueJkNme0lXq31Xei2WgeTqvsvLeYYlcNvf1NMboD4SbsjVXVmqmXzyi4vh42\nchls\r\n=tDzZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDezlz7KyG8ZOfQSBZNA2bEnU2Rk1yfqrUnSuTAUIVZEwIgc+OkCrP6fDS9+LqjEkXv5lN8LYgRSwNG/dh7gxSVTps="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.9e41cb2e.0_1626390490693_0.5773149737434995"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c180db74.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.c180db74.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"33c53eb23c6f331885c1a70223139ee7e69ae97a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/33c53eb23c6f331885c1a70223139ee7e69ae97a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UH6LxdYHx6y3bXnREplq2f279MoCyoesncETsRN8sn+pOgcOqLF+NCG0N5SeyRGpHUmEIB8uSufBjpY0/voMwA==","shasum":"7925a84e238dbbe86219d746f4b4e2a3ea6b2041","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.c180db74.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8cDNCRA9TVsSAnZWagAA8v0P/AweLc3QbIEC6w64YvbM\nIJoSAl/fPuoPjX6jhPmUBGtEtfbeHtVOoKAJjFJYdl1b1kvnk7guf8NGnBFJ\nnkQMBuIJ67e7ZwX3zgbO8ISffxEVhl1g6eie+CMtODkd7GtpHUiGEfMb2hBw\na1znV3enkA/bV5MQsdWO1LJpPzSB2+3lmW6Mp3nwNjiSirt6Qa4xXNrHnAZT\nSoQcVDQ/Bf489VrOn/1zNDRz2CIP847HTqovopUzVJFmdIoz9sPbmf4Apdsp\n0gP13jrNhhd0gCEkbbxny3MhyuaVbLdMrhI4BvHBaOhuA2syOXgtv6XICwCW\ncDjds3vGMyKpHjYzHw9L4jXywAbadMFHOLZnZrkoyex0D4XsKXtWU6CN42lh\ntfWKfuDBWo9sPYfgjaGCy9dQEteiXeyliTYQL1ZeECXoA2nmTh78cligp/v8\n4uYW1PfXQHq/e5Zc9zG2iFwfBsFhvWPPYE2qz3+BCOFL0s37j7vOIBqnIgbL\nhVc0zMWpaM5QPFCXjThNNOjRCq8UbQjlt9AGArgsuphGjNJM23/VzAZDWwf8\nO+5CXuSpA5iWY31hkHbHP1Mc+RZkDj0GZX2XPofq0dIyw4v4uo8xcEfScamo\nAKImWCbJupR5+Fmio5l2f5i1J4Jgz2CMurbUNGgV1IXHi/JndiDxBwaLVTXX\nmIIK\r\n=WgkX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJKD0NSMxzOoqrEYKSBvUgWKcVB+4nYdZxGeLipTsyFQIgTFm6iMHV//VKQCMKP7GwJA/9xqMYKk7Ey7oHGxAdQd0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.c180db74.0_1626456269095_0.15934203137825298"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.0d0a9267.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.0d0a9267.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"edc1a3fb88ad7e6dec8f22e73f329dd02bca032f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edc1a3fb88ad7e6dec8f22e73f329dd02bca032f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edc1a3fb88ad7e6dec8f22e73f329dd02bca032f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edc1a3fb88ad7e6dec8f22e73f329dd02bca032f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edc1a3fb88ad7e6dec8f22e73f329dd02bca032f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-z0oh3sW9Iho75MG/kA96xK0MnUGTDWh9zHjc31COtD4sII9JCtxLgvOtTEgE+np5XW952JLD1UZR3mCz3kgLYg==","shasum":"e107451bed605e78b194f4ba8fe23e1cc43aeee1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.0d0a9267.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8chbCRA9TVsSAnZWagAAkq8P/Atg1lTzY09Ao1sOGCLv\nt51tlXKJffHlYYtF+FdfRiDSdWJvO7ifAbkvvzJMcsB9uTBCOnSoieZbDwWg\nxMu+Jt+ZchW2QQfFzRyFsVmcJ4eDnPCLjfbVKGwlqBy319iZLqTucgUHIH39\nSwAQW/KR0J+GP3EgPlkrcP376m08N14Tjvga9/OXLQMae7qAh07xr5yCvKe9\ncN32BOuac6EvrFuVy2WDFI1RVZq7AVRLRmi0JyO3+2CptxiFpr05NfxqzKXS\nyxHGB9v94Y0UwmKDKmNQOsGESrzukMqZVHmQsZCJi2UtWiI/JAI52f1YL5XM\nIGYP0wKIeymLNjPu7kc0nDFlMw7RL/p47i5AfhPPWzTAKK1fHEpK3aYguR+d\ndhndN76BIzBnlQ23/vwtEgNTJGtUExhYTTAa25tkd71uVKQ9Zcyum61YO72U\nhUB+1h3en09kGBwjZ24RjuzE6+vmGc7jExbPv99LraIG9/heD1EfOTIqfwbg\nMERWOTFJBSzek5KCt7TALmiJGytRZ6ttUcazoupzV8pvWHaxlaRcxEzSwjjo\nJJp1exB1cBEo7DkBCpwL8MhHd47iqFczMbxqaIrqUJ9kkFKvfqgqdADENDiO\nO5Gz4XLL50WUSs3bzo2Qbf9wE0mgFeQ2PvTA6QvInThdLWwTetYKUdSQtCu2\nwBKj\r\n=l5e1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICkU64sC9wfdiHhbmwJYzqEuNkXPKMTdoajpYRuZrLtpAiACrp2QwQDhoprCrqoumk4iClIGkcuFyHbMHc+LwFju9A=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.0d0a9267.0_1626458203647_0.45558717417604844"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d234ec3f.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.d234ec3f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"950f54539b9a71153ac09a57ec5710112c307c8f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/950f54539b9a71153ac09a57ec5710112c307c8f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/950f54539b9a71153ac09a57ec5710112c307c8f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/950f54539b9a71153ac09a57ec5710112c307c8f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/950f54539b9a71153ac09a57ec5710112c307c8f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-iVxtIgYkTJitk4UP52+8udJlwqf+HsgbHy6LhJHZthewGFwUdaqxqFPXu5bfky0mYPkrcHq6ietzxpwBIXGoTw==","shasum":"1ef13686abd1c7ef3acca93a70d9705144f9bc0d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.d234ec3f.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8crWCRA9TVsSAnZWagAAkhIP/isnLxfyuaeL4ZQpzsTU\nL+LZmCmvoUZb7t9HDM9436q6cs79RneB6zXf+0vUStdEXiskoY8kElY1m5WN\nBeJTjufmxYP34EolAqBkinm4R+Uj2lHIStg7LH57lUg1JXkMg8RWzLXvMse6\n8I148ztDbf0H7QLGmFEqhjD/qxMwaMtCfy4ijb4cJzCbQVmtzbdSejW7PB2i\n2DRoWX2734mSRZhLSXwukQ/GIvou4pmVMlt8POv6y4cSkyF1mwLYeUv7WfV+\nFluIETJTsZR6j9pEVQi2ppKqUAUx4vTnQbpsRNg4olYpjYVu2dfrVURFr3l0\n3BmoYF/k20z1bJYWr3VQSll83DBiFqCEEcKZS46FM/2b4PuRbxwCPEgh5AzP\nF+DfZt6DnTdFAEEDm2Pl9WjpGso1+vFMF07rDFNDTsAOZoRTeZdAUmhI684+\nKcNerUn3JB64Z+dymQuB/3n0W3TjdLXbAx1KBrhABijIzDkCnJ8jqnwyLVr3\nabHaMPN7oFNJ3QvKWtm6eTGr92fcy+4mWRL2ba2S66E6tNPJm6IfVDDlP9YI\nv6fJGJr6RP8Ig5YMHk6F7+B/2qhZiw4mKn3SBQW5sTbvR5c8reLyCLhpwbmS\nLjK3LHhBzQCia/5fLb5rZ4kMRt3Wtz3Nh5iEJ6UQ6e7LgpDDq0SurMI9LGGE\nmcw2\r\n=N19M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEY7BTIauZTCPP/3txBfMzPxyb2No8kS7I/VZUkXCMGUAiBkLmYR0upaTnN0or//QAo6OEnetDiMqHFwjcMssW5TQQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.d234ec3f.0_1626458838577_0.8700659563706681"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.5cd4bcdb.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.5cd4bcdb.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5c053f1de07d32aeb409f327470360f0b5c02ae4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c053f1de07d32aeb409f327470360f0b5c02ae4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c053f1de07d32aeb409f327470360f0b5c02ae4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c053f1de07d32aeb409f327470360f0b5c02ae4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5c053f1de07d32aeb409f327470360f0b5c02ae4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-HRRf8NFo1+esT4vAGhUQ/WBJTsuxZ+CslH5WZ2Nig/Ze95nOmvB1aXHMfxifGWPlnQ1m2F0+tild6K1x8MoOqg==","shasum":"6cc99f279930a92735867bc6b84ca67e555034fb","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.5cd4bcdb.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8fYFCRA9TVsSAnZWagAAFtEP/0FHrO3JCGeFnQmT21SX\n5SUGXbqk0pKDkYIPKLUvaVHnWykZaoibWztOKvqlS0/xiFPrv7NCnHZem06Y\nSjy8+OpNyyy6xl9x+butXPwG0w/6Z9XG1IwEtdWgP5xQH5yKQk26WSGeevcM\n3ZCGRWkhNNZFAt6tVtdnpoB/iFrdE2T9xVgCDza9oZHtTtKL3ZyC0Lvd2n5t\nT2qU1SutCJ/+dRTsL7iMyf/V9BSmpWBMEvR3CSHNhZ5xSuWmrHdjo/OWPKeK\nkuRDE1dmfzs/dEsnbpfsTDUbNaPfYnJHK/eCd0LMfUkckMncZCF7dI6i+0tE\n9EVWXGSix/Pbx9xNHB4zPJso0xqiLXRd46wQLj4Dn5WrgCRdE/1sy6nB6MQA\ngNr3Cgknx1Q79wMTMHoQuHco5oRZhj8trYDzyK0vDaE9XLT5/WxSRIl2kRw3\n8ErPAm05q6YVwLKrCKQtMIC9jMHTv07VoBCXV4uKfiYLAXUWYrBJJFZ46L2V\nR4in0MlNEyif9JeL6IgWXDuIHW8PBh7+LHKrg7oowq2Qnf8x5PpYO3f1dp/e\n3fxxU5L7mjVpdoQoJA/oBHKyyZGd/L1Uxkq2QW2J2mehWqfvgKjdkHlO0Ka3\nk7pD60/7sp86zSAALMSWmk6L6IqvxUqA/Q9KZpGxQzdfbWrEDgAA+7Mb+ajl\nshqm\r\n=K1eD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVA0jhNi9sbalStdbaCTY2eL7DBEVRNUcLaF1kmdbNkQIgKo2V/HiTxZ0dX1I9pNxyuL2RVe/vMHeLMGyq9dkP9zQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.5cd4bcdb.0_1626469893433_0.5438119680603424"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.2b133cb2.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.2b133cb2.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"72202d1bfc4060bef4aa100b9593a5dd27125d0e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72202d1bfc4060bef4aa100b9593a5dd27125d0e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72202d1bfc4060bef4aa100b9593a5dd27125d0e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72202d1bfc4060bef4aa100b9593a5dd27125d0e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72202d1bfc4060bef4aa100b9593a5dd27125d0e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-OJn3AGIY6o7ntEq90p/Qmtw+NYSJZPTZB18cs4Lt5vKi5HRC0ERSqMsSwT23+LvUym8NHavAipk/HaBKy2D1wA==","shasum":"5e76a9d7fad9bd26042f63f1124353eaf9095407","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.2b133cb2.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8gLJCRA9TVsSAnZWagAA2j0P/354MRr55N9hHFzOa9dh\nIAxLh3eYppDETINQVq75TgbxmRhMVZddTxgnCim+hpEB1L6gVstWCIkZ2mNR\nuOA8vz8AS41zO+3kSK28DC6CdG4hCsBuShdnnmdt4l94m1LbaJlqGWZ/4qOM\n/EuDPiU9ihyn1hGO4HfaLfnGHlAJi4DNLJI4M1pVi652AQu5lbTBgrha3eJx\nNnuMC6XHKUk9H2RX23u39nKSEfPXsCW7lHcdQR/r1a0GGmgVZXAmdB98bnM/\nK8BD42NqUcrrhJJFaHGM7comSq+UKD5Ca/oGfardNdDgr3LyPKxEz7KpNkmz\n0urDOM/J3ksUhfnhUE5uiM6SGxBxqIfb5a8gnhNQ/vVzM1GqMnF4mrv7uwmz\nGq3x9pvZwO7WLf2sCwt7c17W2I42vt6aTKPvH1yAKrnNPFhQDYhz/ABD88B4\n0iX/65rbd32oCE5EIJd0nhXB6g3NqRXeWbXrxKEs0Rfv0ogG0T2EAjGI3FIH\n+3UUARq1zSNhlqLtWHBB9NTTBSIsqNk/nfTVibZiJU6rr7AyJ2r7eK/XIX9m\n7VQsiOYlQPU5XQNMQn4aoVs8ixA3XpWGH22mQyDDk9oO7fGNEp9dc9hgu9V7\n9j7z/MOBWNgY4PwRDeZ2QbFBXQdVrZjeIH5yzDttLR6hsyfiM6RfKYRy8P4R\nagsN\r\n=oozP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+BDqxUaDQKmA5MaqmojhcdQ5PFAzwnuuL2XnBzdAVDgIgLsxexuUR4qDJOdth0xH8u7qfftD934ZI4G5fVYhcnhs="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.2b133cb2.0_1626473161705_0.654352092969203"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ae4f422b.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.ae4f422b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8bddb410bdb60fa3790691718471a6b49c3f8765","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8bddb410bdb60fa3790691718471a6b49c3f8765/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8bddb410bdb60fa3790691718471a6b49c3f8765/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8bddb410bdb60fa3790691718471a6b49c3f8765/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8bddb410bdb60fa3790691718471a6b49c3f8765/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-qKn3UFU4c90gl93tJQbYjtzA2pmFaQyzrjvw9Ns5T9S2cDe8k1MNG0GEpea4XerzxrW8eBtU3VwEQ4zOgGT3pA==","shasum":"ce778a92143a042e8359d32e4f78ae5c7486fa82","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.ae4f422b.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8hv7CRA9TVsSAnZWagAAAp8P/jEWd5YenzFCd0l5JYyp\nGEb6md6JNR8yTbPWuza7Z0FGOZP847Awd8n0aWXAxEXmSSBsX45W8j13XsPr\nQe+zX5OHK4ekfSvPa+64A1u5TQILrb6Qga0uiXnDLuiIil+U80wk2pR4pZrM\n+/eC39TkDrprhV6HJndhBEOtDqQs+1R+V2hh9ej8lUZmeMPEAcu6JVKPzwBm\nFhVthT1mfQ5eafoSmNWWR1eiEwI+Sh4rgpygg+cllLIDGsU3IDyLSpR86VVl\nQRp4dwxP5EZzbD5INkhI3qQUj8Qa7ev10OEQuYxKSan3Mox5DHXrpfgzAqJ+\n4NzU6Rl6ShqeuttJLUf74griBlrMAMdf8Jzk+2UlNovSX0AXuW3kAG1893kt\nz6H3dLyN7cAvU8cetvFZwAD++oK1a1ppMW6nETmjfdL6cLV7V5D7p66FzT3b\nXNfdYshE7AaL7XGF2pyrGpKVfn2n3gDSxRAe9hTDM+qQpowaBQGHtklUJ2D/\nc29ms2TFrI3MyJWN0JmgPh2u9oP4dBRAjLh8/iHgh9IBPtbFyiO3VmxB5xbh\nHDplCwQWYF4bsCUsO540+7Dqal/+IthvRZ3zG+Zh6dRA1vcV8WpUAQECjQN6\nUkIC7bZqk3kSfkmkbyvFqWmhYMSwjeOPorJvAVIyQ9nIMFR7GxC+5HTdNhI5\nbqrn\r\n=vd8/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBKbn+fPFUkBu8bZbepX8tilQpnqJX+cXgVK5g/fAipHAiEAu5eZQhOdiucQxIGWdqMZp8u/+Mb6SQEmh4sjpb01G5s="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.ae4f422b.0_1626479611181_0.7629838125797093"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.90ff8057.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.90ff8057.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f90c69a94171ac1d67bd6c3315ba759c0e2e79b7","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f90c69a94171ac1d67bd6c3315ba759c0e2e79b7/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f90c69a94171ac1d67bd6c3315ba759c0e2e79b7/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f90c69a94171ac1d67bd6c3315ba759c0e2e79b7/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f90c69a94171ac1d67bd6c3315ba759c0e2e79b7/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-eLhJSWavOILhg8rsPnWxZ4mh91fk6WXABq95UyHuHNewieggu56xwABXYvnBo1e2+jBpQmxpuNGF4lcdR4hI6g==","shasum":"476c51239813e73984cf1025f13e7e49a7f5fc96","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.90ff8057.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9YcBCRA9TVsSAnZWagAANXgP/08G+5a8frGKBZxD4gZC\nhlqqt12gmfm5R1uZyPdI50B/fm6EgNPE6VMzQ7lPiUtQMik4tWaTgl1XW35k\nIVzPn3nxDYQ/A1xXGbr6dufZgT09+aZTKjUQIEqg9FA66l6zza5d4eih0q5c\n4RS2qj+6tTYBBWehZrMVzHSaHtVQ7/OUT2FBI0W75wK5oLL16+L+Ni93DrCb\neEcM5Qe/pz+dOQGHD8uqFR7pVGFdgxe8M5lNltm4hlXw1k3Ke+v9FwfWmAEt\nqVNqSovJ8OKro1GQ7CjB1PqgqBC9yo8wEBA10VnzFJ3KSHryzO7bBpuYSyN+\n4zLd1Sz+8hGnwGYmFiFxgJMFeJW3xRAn7fQExriegAKtG/xJoNlbyHNZ05cu\nVh4LzOLZd3neb9W4l9LR+jNNbtvjj4JCj+4bFHFLW4AhEnNpH0oUm47d5One\n1sxujCMWBL/Sbnbk9vsSzmDOTxheBhjzdwbO76AcR4YaO6km7vb28p85/x8c\nK7sV9AOpnyB/ouIATzjySbqsS6tqHvrMhKzkft69qCPyJHNMFi+WXtqYS/mV\nKoLia32u/GLG81LB64hwMcXc61TJqemoWUEjZuiSBrrXXt7ATEUKj0YBnnFB\nzHtB41liaMbIssH4RSB2NxmeVn1hCMfzSXe4iyT3Zfv5I/OHSNQYYa2iIJbB\nslr1\r\n=7p51\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDnvzl+zEnwuqX393egFA3ZhmAZyysq6nRObUTGP+j7gIgU8lM59CEhN/VlAXGJFS+mTwH2ROay/142H7KAmtqsUs="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.90ff8057.0_1626703617504_0.47960681910618885"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dd7b75d1.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.dd7b75d1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b0752e4552aba84ad89d4eafc1a2a995bbfa0607","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0752e4552aba84ad89d4eafc1a2a995bbfa0607/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0752e4552aba84ad89d4eafc1a2a995bbfa0607/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0752e4552aba84ad89d4eafc1a2a995bbfa0607/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b0752e4552aba84ad89d4eafc1a2a995bbfa0607/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CDlwWwBTCa7aHkksY/45/cGVAJyWTowaOpmf48it/k+FWCCjJ7HtNmkeUpBB1HJPQS7yWhzoc67ImwRyshAwdw==","shasum":"fb1da194690d694678bbb0dc406d80ea75e60c87","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.dd7b75d1.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9btGCRA9TVsSAnZWagAAo50QAJJR1RcZ/WTH9lKB6Uqs\nyC08kzkx+gWkcT7poO8bhouapONZkZi8HLlgfAAzpbhBtC74Gg1DGTjjB/n0\nPhnM/VcGLiNJ9MbFX9uFotCOb9kML/a/lh7sxmLW9prz39FK6F+YeE6Ekwom\n2D7wChBR/0rRHr9NBGFb218VsCgpvuttyF3+jdDmeEKOXJqimRUxVtTawDnU\nUE6PenO+42utWtNBO/jR+opbJNhr3WZMx4cZxBs4gxHIGrrmJ45gxfKvsnUs\nPsNNLqgefX6v6geChf5aPt7zrWI+m2P5hS9CBMtEAjg0ZSqixydF1ksi0JnR\n7kwJHVaGu9hvyDT6pxHy1ZyWipPbQbdHPMfKLNxFUftLUupIkiYllV/sXmgP\nB92nZz6rGHU2xMXFJpEDmt4ySHDdoNwuJ4Sp+EhC1sR5IhVkZKH13QXOM0Sa\nX41b4BoLdSfYaXf/MxXAYRyHIVwRoNYoS3EVWerMiZ8dsI5zmNKpimuLWzxr\nEYSrgTeni/FSq2//Of2fOIgzOZAS1LQkcsS8UFHDz6Un4SVfvTAnZAAuj9aL\nAlhN82xLC2fJAiNZSNjOLbdyWF6gI7T7E+VNMMlH4d7B36t54ApRBFYW+1vB\nyqBN0fyIKed1QHtO9MUtSWIdAmtY5/5sm5QuzR+c/H8bD48B2fwtOs08/GvN\nsO6z\r\n=bwhn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQ7ilVdG2pHSRR8aFLZliRnMwxUEGNtJ8kfXEm+QzDoQIgN/+y31ErVg3KQArzXCm72ie2sNx6q4kOsYrHFIUf+bU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.dd7b75d1.0_1626716998370_0.07531048037692534"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.104debd5.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.104debd5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9dde76584b6e4258f93d65b54a1f9695d2dddb1a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9dde76584b6e4258f93d65b54a1f9695d2dddb1a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9dde76584b6e4258f93d65b54a1f9695d2dddb1a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9dde76584b6e4258f93d65b54a1f9695d2dddb1a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9dde76584b6e4258f93d65b54a1f9695d2dddb1a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-9nyYKWHPkTjkREfkKi7/EmhXj3Fl/Oel/JnawQXth5uEtm3y+tyx1lkX7lk0jKgbcXJ+iLsqFWek88wrm8ZL1Q==","shasum":"a4dcbb9cc439cefd20b73f65ed6064cef2d3649c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.104debd5.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9gJNCRA9TVsSAnZWagAAUgMP+gPEBTgsz2KCpsbRU+1v\nKJ/mD9KeOlEnL+cKa5HHYIzVdzJK5l/xACghN3FWkCnv70uYm3WCDkQFmQf8\n5HBzDm9psqijqlXeUqYMy7MwqoEg6bVQRcnWmy8aSVFNVObv2qGRmsX6bM6V\n0qxM0yCsxEinhQSlMUGKpWGvzNE66E3gW9nCmC4j0tJ1WZ/KtDEvzHbXrU7P\nxYCYrSJYZYmgYIMIJavHtqKATsc5azBsHvbrtg1SArAAYJyeAWrFnETsyh6p\nqg1Hww6aHuSRRA8auNn9epluikl1euzL6U4uTdM7UKmJMuDbKPV+RxGWTZws\nqQdtnsWZT7CL93atMQOkvb8BoJOfsOPn0XURgggODy5Dtru3cDamIVApaO9B\n1Seh56U5j/rgvZdILHKfnKPuw8wvBQQmNJZCxgPhMNqarQpnicKHr+Jfr7xC\nURtba8cv82DPypMFDTjSQUvvNwx+Wq8AkI8me/1oYha9K0UHVeRYobFlbJbN\nPWj465km6wyn98++Vhmm1o33Jt3m6fBqDgklJhuGXtNdwR8ljeN1C1XGfP/z\nksNQQkVXxNKyPS/6OXSLF9lcpPfm4uNRlZ1y0tYbDs/8CFewpV9uULk2azQz\nDLB3+W/XNOmo6LcKHwttEipbwVkQLHEpMdRDFbr10vGHi+H1t+jBrxEAkZoN\ngGi8\r\n=SiTS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrWETVsEkVdV3oTiBGw5fd/aFv9IQM/oOZzeDsr2PuGwIhAMmrW+I+lKc4wzrxiix14b0E32JFZXEJo4uyp8Qx09mB"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.104debd5.0_1626735181643_0.3593454468985511"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.4612705d.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.4612705d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"28f0176f44158c2fa7246b69d5737a09425a6e4f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/28f0176f44158c2fa7246b69d5737a09425a6e4f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/28f0176f44158c2fa7246b69d5737a09425a6e4f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/28f0176f44158c2fa7246b69d5737a09425a6e4f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/28f0176f44158c2fa7246b69d5737a09425a6e4f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-fBD5w3HL1HODnQcwAdpGAM+seoA+5knmuJ2ddVdCHaAmfExlVnERaBHqfQ7JSpAT6GW9BgAj4GPO6x7Dkjs04w==","shasum":"244b3e5074121373e9c7abf5f70b135ad4d89060","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.4612705d.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9vP3CRA9TVsSAnZWagAAVTIQAJYqqzmJccT+yPZ5yTMS\npeIpcwMgGzJcrhHJzmyPSPznvDUt3EKzYugbkH8Nd2j0COrkRIOBjl4eWFZt\nkMgRbwR7Dm+g3iqO7iuSlpBEPI8x0Y7Hh+JtWrkaSWycVv//Y+VzwdJObWcP\nUX3sGIGVxvId7QwvmTPqwLFBGPG5s/KztqQ487nZYcHiXj0YIIMZE+vIOMPS\nFdi6tovWbeAL3R75i41ZS3XiVmRGExwfiKHc08uBaKP9bEzB335/OqzI8m77\nruicu91130QsRxY/bBUS95GoZ4JpCPe4DeX8cVoBK+2P2z+GuS3vG1/nKBjb\n78NEjvjOTIq5HZfsMpX31Kg6y6uHsdVAwRL9fTOfNQyJjZqUFgtmXgLGH80V\ni987zFcyogxSQRJF3UYH4AtU0n6LUVcgFB8+Z6rapc2Crpp1iZY1kefp9LE2\nIh2KtjxsjTbGsv0nvjSq2NxJr1oz6W4/e08El434oqif2uXJWk3ob5l6hp/N\nXY05V4kCv2yUH4iHtKij784vk9kG/xYSVk2JjynY+yI0L6OcvuE4B4AxtJgE\ncguUSznQxEjsz+YHWx4SlBTFzFPqQkVHNfDEtLHEwsh+tjtu5MxP1iwo6HZ9\nwiU5uDwjG4Idxe4EryV9djsnPx2Opp0EjB0igaY5cJMlVfPrFiA+QHFC56V5\n4+p7\r\n=OvDZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD70/F2Eky44pkCH6HJAb0zKg6txGXU+XfpQkfR6Vzn3QIgc6u/tzYmmW5b4vlOgF4xxrvlAhLNW0iimMweZw+jloQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.4612705d.0_1626797047697_0.5806175383190497"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.b36502a2.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.b36502a2.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1df0a9b6912d747311691d2320eb16519bf8c660","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1df0a9b6912d747311691d2320eb16519bf8c660/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1df0a9b6912d747311691d2320eb16519bf8c660/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1df0a9b6912d747311691d2320eb16519bf8c660/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1df0a9b6912d747311691d2320eb16519bf8c660/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-eE7mrmieF2FeCrFoCElqrJfyEDygmrrNrsGMVGV0ojzgmA1d5OBR0WROx2UI4Tlo/v89EzCegp6e8UghBp0uug==","shasum":"0d5db9f188710dbbcd32f90e3646a4d06e9183a2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.b36502a2.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+KDZCRA9TVsSAnZWagAAqUgP/1zGQOoMv+QqsR89zMhx\nMqMRUR90ECsP+5DvZOP8DUfeEAY7Yj1Hv6miXLMPrn8wtGqmzSnw8v1w650m\nABCWRVHNkuGMzGqeka8EXTzcEg8pSbaOdk+4pMhr1okxiGNmHZqzVwV+O02+\nlJTusI47D1od2QH8Sha73IHrUvNODHVHXDOk+vPQwknSWn3bPu0NRjpS2dXZ\nkyNiaLLlX5KHMq7u73e+6Axd+1miWMzPd8UQXCEv7zadKRQLP5Fei8iKyddy\ni/pUj8XV8NESOXqM6GBS10+wjYFxCcF4aue2+LGwUR+2UhywTxD3AYSMYy7f\nsMrkapetluSU943C0c3yv2RsSZAXSNr4WdbG8wkd7ljl37xSTuwvLTFRMLmP\nDuiCVe+q9j6slCmcr9HYRrH/Q0tSHszkqwtEMcFIiOgcXGIvQKidRax5+ImJ\n/BzoSyms7mS4jSVZg1hJt+Bx/0ILoYsMhxYnztwVdWxEevprLpNEQFx/NPNk\nbegC4YstMvM33GOD8GnD//lXbtQeZTZbcQlGMdqDifpjjNi6Um3i2/3uhrIy\nNaLm/c/p6Lxt56RRgqCGkkam1V1grAmYCQTJ/Fh14j0d9ylpaLtRHv93dkp4\n+6w1L4wo8j0EPBsBZzxgzkpbR/vIzXtL904DGMbMwUNH/dhXy+iTlt5x4L4C\nFJR8\r\n=aagQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDKJnQyIshk8sOA8IJzDpZWUglI0UUnGZ9Qdj+//2RqDAiB2JDJr0ko1CmnktffKUaSXXgAuXpdqnUwr9l4X8DrI/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-circular-progress_0.23.0-canary.b36502a2.0_1626906841666_0.8298792421272301"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.2c392ab3.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.2c392ab3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"83a61c9efee1610d42af318683fe4985effae0df","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/83a61c9efee1610d42af318683fe4985effae0df/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/83a61c9efee1610d42af318683fe4985effae0df/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/83a61c9efee1610d42af318683fe4985effae0df/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/83a61c9efee1610d42af318683fe4985effae0df/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-qW2+3KOEwbAmI+EA01/cD5hFydOtdaBQTdohol35+0aN0proHwNoIW+GO5es2I5hzQaQWV5NBaiRcSpXTeB4Hw==","shasum":"2b8388dd3a5e0233b80d336b1f477c8f026b8762","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.2c392ab3.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+YYnCRA9TVsSAnZWagAAwEoP/iFhUSWU8Gn0W/dGPAaW\n10rQiw7J1WuKeq4BEHK+pCfrAQPxIeHQ5XTxmWCbqjbPvohyO+gb2ZqqFAaj\nMqGXaR0SWKm0hok7Ei9pZ4jNDKe53r/rS3LJkhQSTZ1uJ6VhHRxj2yexFVYu\n/BL2mdgLFipQZpjiU/Hu5aWo8elnGMjNtM32aLkzMERY11tqL0HYVCInxTm4\nMGdQxIBFBQ2QpCg9pjX6FM09NIuTELGJVZJwB3WVRw3xaP7Uac5tt/Fr7MXM\nWM658IVt6fGhlU6KGiB2Y6fMnH0IcDwB+LvCnxSXMB8vrjH1jycxwJCdDpHv\nDsaSTupn/hXYQaS1XWo6/cyZbEi9XmGqrDZXVC9VdSXAlvZkZ3Y3Ma4LMEEe\nMOgyaVUTnnC+uWUOYvnMYkf06gobm1KY5j4pypQMwoTLhTnEMKC7M16XaflG\n3XvP6ZzpVoMTKQPz/Egv/an6eWYw+tFMLmEQfUbcC8yKOsnpLfw76iCepTSF\n4CJPwS4IrP571NxoLO+uRzV3BBosJ4BpiskuLHWUdK14jwHQwCvlJvpR9wf8\nn7iOC//fgo1+/hYy1m9zg3q9kltbv3fDE1vqRa4HYyk1CKPuWr9szBObl39I\n8nUl1KaDk1oGci7fLPyXhYnBVUXaSL/C7ccuzfg3GZiPJOkfPP8yu1lbu3dz\nnUGc\r\n=Ub6B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMQPmkXjdhssSrSMGAGUy2uB74oURXZoosYlJlhjLo2AIgOsC6K9rXg1YECwSPMGlpVTHPQrbjUJHQ0oSDSH6m3eE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.2c392ab3.0_1626965543248_0.9164291163227094"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e8bac95a.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.e8bac95a.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2215253d0031fb9db27cec4c40894bd549b72930","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2215253d0031fb9db27cec4c40894bd549b72930/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2215253d0031fb9db27cec4c40894bd549b72930/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2215253d0031fb9db27cec4c40894bd549b72930/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2215253d0031fb9db27cec4c40894bd549b72930/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-KZmvxruwFhIiRQa8LG+5OL8RK3FX0FOH0s71a9HMlh8lTFNnT+aMTJz2QFUPj3MZV+nMeMbD2jyWS4ma1Uv/PQ==","shasum":"0ae2869705320b7127ac9678bf1365ca1ec6dd10","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.e8bac95a.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+b5oCRA9TVsSAnZWagAAk7gP/R6OpF4VhNLLxovou8Fe\nhoyl7OiW1iSemvKMdH3EP360d8yZQP7qbJ/PJWicPRkWRzWqQpCs9lBDmSVw\nXbYXQo7m4Osz0FGTBIDtisWA2xA3lXDB4YdPv24Gg+lkmM+CCSvqUekMagWJ\njzavUvD11gTs1o2LDhkH1cBc61O6c+IWYWmGxq8ArrJyN0GSQlgBdEQLsjPv\nkmyA5oMr97WhpSPjP9//SdPflxqRgfVvJcO4rs25k8Nyj7rHye3/dL8rYNnX\nskSenvupIOIkNx52J1vjouXlijqR6/W7C4WwOYa3FE16HdQwf8Yf5evZ0snK\nmdLI2jAsy2Ycq7NdGl29pJ0GupMx+Uo7BjohU2a9wDkegRCd/So6pmZQD/iT\nNbp6JK7lpGP3Z5fyrRFMozrT9DO7jxx1BfnT+Z0NsEY5sXU9fTJOR6mD4TVa\nZYUl9RtVPTD+1SjPBbGTYOpThNxx35sG9stmpr1JQxTGlDzP0hM+zRkemWIf\nPMOKbKEKN1ml5xLJ9df4y3Ev0vhplB7vgsWq/7NZJCQ9MbbXsY4E8yfR+FjL\nBupOZwVn+W5NQst0ZtlytwNVg1MTxe5OqYK4dqEEwoEk6rXrzH4S+DyUBHTK\n+jIPKlGrf5zj2v7IgxpudHprdgqLoTipfcxti/Ox4oPhkRTqeHcDoLyQz9vc\nC4NI\r\n=BcTv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCW4LjgCjP9KqTiDWq6O/4s9UYxppos+4FfcQ9RpWRWwgIhAJ7kb4GZum50s1PfnDtw6RczVkWPeKeIMVUL+SzZyDKF"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.e8bac95a.0_1626979944043_0.3267553488561039"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.38f29f8f.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.38f29f8f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"484fc84b540f757ad561dbea442c8566694496a9","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/484fc84b540f757ad561dbea442c8566694496a9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/484fc84b540f757ad561dbea442c8566694496a9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/484fc84b540f757ad561dbea442c8566694496a9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/484fc84b540f757ad561dbea442c8566694496a9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-aBvn4EMsVrzIwPV0esnZSFLpmlTtmunnD4bgZTT9ECgfBQBG1MBnd9GGhvx0Eooo3uPaYN9yVRUnE3u5rGYMmA==","shasum":"f7c9d8c07bed23b679136e337db6c3f44ebac4c6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.38f29f8f.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wdECRA9TVsSAnZWagAA5wcP/iXalEvoFIPtkSiTBY4h\n5k+snvWm/sqjKGk7sLIYcoBu24NqN0UyA+wAckaeliG8+bMPEDBfw/awdLiB\nFwl9igbA2de/JlqugxkKnBGOjHSf4hTXR21kHUD4hQIbEFlGvfEdhfcyaweV\nF7+fuSkgIyDZ5ARoOstdMQWmZIw3mEeXuwlyplN5+PhraV2dnbwtgI+g8Szw\nLFcOANX4DUjoqQlqPB+S2A+u2tpp6NY7D/97bYzjS7/xfZrofeHgVZ6F6+EZ\nPrxrtsyxTYS0E5g47zQzi5HIs0VFxWkHCJvwuWqzsZqlbmffbUoeI2pqvafJ\n55QsCgTY9mUWcbwKO7dqRKoh0HtdUUxz9PphyRWgnl9SAZj72HHv0WmU0/F2\nnA3QdjEUYHWaKHPezrBRnQ1E6MJCZwK2C9+do4nlkoy+29zwdW0UrFGbRAsl\noLyKil0DVFsMDUpwiyIJJmv551JnWR0ZLrNarTFeHj9r3/64zMY1R63zYfuS\n+//Uj8abTI0OomSJbLEf2NsaRDrydDEm+MInSBZKZnX6WNaOhttnL+gY/YVm\n+iDrdELxdgWMjbhiNhsBJG1oQJRe0kI4x8kUPfhV5MqannMbYaVl7gHuZa35\nLznKNcOSuzqQeLmEXF+8zWr3utx22zERqtFZJOtn4Uof/0PkRI2T8n4BD8dd\nN0OP\r\n=6xdg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIByYGJXv19Q7Z4vRkBtPLUdKvk+fDUGCRnUjz7CelnjfAiEAw+CYk2Ydwl9zu6miyysKCeYJJaw01eHp98mlQ27b+LI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.38f29f8f.0_1627064132147_0.37986689444313537"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e0693475.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.e0693475.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"dcaa39c4b4b0d5d5bda85df7a11ac1205f2fd669","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dcaa39c4b4b0d5d5bda85df7a11ac1205f2fd669/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dcaa39c4b4b0d5d5bda85df7a11ac1205f2fd669/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dcaa39c4b4b0d5d5bda85df7a11ac1205f2fd669/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dcaa39c4b4b0d5d5bda85df7a11ac1205f2fd669/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Wwtqj/gLQSbGdL7VaigOrpA6i5zz+HJyVJawbI18STZ6DCh7PtPK6iA9f1dUAAOh43oagaujvmQbUCdfWkLSKA==","shasum":"f024464f031ea2a2f1a0f9815d0f8dd74fbbd6ca","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.e0693475.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+xCrCRA9TVsSAnZWagAAxyYQAIe3CrB2gyec057cWpuE\nfvQuNo8+/avxPTkwgWgCYAZuYnUUAjduP3tXAyoVribZw5pKfGXE+htt9hwW\nPJVfX0xcnPnVS1Gwn3qe8bTDGLePmaYhJh4eIW4zf3ApRL3XVWHqztGybouz\nE4sBRUfl9OitB1iiR2O++R3gib87rPqZQN4jmzJRqyf8ipVvE/POkads6+oB\nrJ+WYLrce2LmVZQgJkewaPNpmDBYLgEfEM1y2IT3UjcXr3MTua3eXKsZUbof\nUs3vSKPMgciDfIXJKUTL3MJ0g+3MAOEubCmlX8ogfImTAxCfWX8Jd2DXaHnh\nRJ9rmlvgUIXA36zjqzk2/0NS+QL4RCayPGwG+FVy3aJd40TciUzw2/4+gfHh\neBrTcLXgOYzZf9vgBJxwDfz7psl9yVoWYzSqm8QLh0OWGAIWfTktV3Hk42zj\nYLwVrRkhGsGRT13mHfrLl/gmFHH3wXWKu1Bs6tHCCXWa81YOPBYYUoHwXZ/9\nNs0KTxg9b/H5lDBm4xP0Mfif7abl50Q/l1EIfLO+9QE/++2gePq2oqLajXqZ\noI7H/b2+wvkSIXirglTVDUbiiPHkxdNS068KN8gfykTRP6cS5R6j4Z5Dwr1S\nk6xUVHM4mZBTXVeDP0UreDtBiFecRG2FX8uYzRcqsXky+P/1jQSEszhUBDy4\nNHlX\r\n=Z0Lk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKxxmB+mvK3WXERZU+QqjpA0eGwKasD3uWaWdQ72cXMgIhAJUNO6gkxLOH/GusbPti+Q19qH7pdegipuiRMYpX48ld"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.e0693475.0_1627066539220_0.7268363957801174"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d595e030.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.d595e030.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7c8056c080cfa8a28ca6e2a5511b4db50a604a87","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c8056c080cfa8a28ca6e2a5511b4db50a604a87/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c8056c080cfa8a28ca6e2a5511b4db50a604a87/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c8056c080cfa8a28ca6e2a5511b4db50a604a87/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c8056c080cfa8a28ca6e2a5511b4db50a604a87/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-YyMWZCxtTxIx0IMl3EyXj53VewDCXda+6qCGmiGsK9Qvk7Pp+o4NM3T+DxcQTIEzVIhRKI4cJ8ojxvJ5gSheSg==","shasum":"a68cc81c6055082653afb33d963d630501bc1abe","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.d595e030.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+ywaCRA9TVsSAnZWagAADtgP/2aIR0iFfaL8OYQKtNqa\npazFe9sLQEJqms6rN9ARzCVb3/x9h0ozzeGH2uYhT6X9iB5sOgGHpwfgLTh6\n0HA9ELC3llXpBq/ouWSpT59/qSNppSu0tzSKBqVCHglNZAw0GPVpZo0xYMSi\nzlSZXwe+ePgCg4gzZo6D2HGkTPcyzeDMfBm2Xc8Rx8CPcAm3h3KVFfcqyYAY\n4A2c2gxr+6dkGfuW5VcPPktcUd7YezbYvUgYlJVOwjuVQzWmSEHOtjr+ad8r\nOlmfBUh67PZtFU7CY9YAnITJP2OXPOSDNU21p/rPL3jjtIubPxCz/oG+lH/6\nFGPZnSydJOMJmrjxbLnPCulPXFp4tgIDCqZ0WL67l++Pm5FhCecwEFYbPOQN\nCwl3ld/uxBgqU5zyOoP/KiRR88lO7h0xwECcktDUAzKG3SiMYwKSvIiVmuOg\nzyu4DYP9xfztP4uXEfEGwXt3+ygzcrI0Opf2BtP3krLm8MRvfzSiboJ8hYPC\nzwr+5bYrquoIOwKj/JRoWIVkqxvyEhHjnQG6KcPtzg3H9NVY+afNbqTKPeDx\nQZxF0JoBdTdass5FczYROCl+LqvXDDXCUKBhjru3dnF15eI0cd36p/oPjsMJ\nEpu4m9lj+YW2aoE6gblPRWzr/+P80KEnEIPo3k5jCwxxiO6rTadPl9Wr32BV\nAXVe\r\n=thgU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwvwIGLlGAwKgqntzUllRMEqGX6pnn5hOLqZW53iLmLwIhAI+r8OI6nHUMFoFYP3n8Mu+r7VaBENBCmbHxqJ7QwpIX"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.d595e030.0_1627073562818_0.7942672872303704"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fe7cca31.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.fe7cca31.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"45bb0797db4a64851859f8894864015974863643","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45bb0797db4a64851859f8894864015974863643/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45bb0797db4a64851859f8894864015974863643/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45bb0797db4a64851859f8894864015974863643/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/45bb0797db4a64851859f8894864015974863643/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-gO1g6+Ggy+2mXTLv8qXkmCp/WtaG3HaodhoFvPDsd4jpgMF2iT+zeEdPpThrEDDV4uXYdKcbxCTsqEwLfbRPfQ==","shasum":"1a669fea60efba89bf18c54e4b8153bcc54a65f2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.fe7cca31.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+zsBCRA9TVsSAnZWagAAx0MQAIctl7cX5da/fx23bN7k\nllqIOskp67eOPBhdBRHeBElmuzL3zpUgCAtN+PXWnWZvQTzBUq3tjIT9Z/FF\nRyIC3u2WSrTnHH6jUDb15v6+XW2YB5z1yfV49mCsIPnlsQIpVZk9Pz+Xuha5\nGbfzfWDrLaGS80qIZiUbpZWMt6zDfaZvL/2eQJKlTka0zU2vCTzSzu5yAShK\nH+cdecNIPJbh1h9Aae9kzoUp7xIGOmfHGVpgK/6alyMCJRjpUTso24wu5sZV\nhG0nFJHxEhwwKqQbry4v9pe0nfSt6AnJh6iC73AhCbXXyGLJ76QhLPaIVHia\nqR9d5XaCLU6WDu/K/XdxzVGIJaG1EY6x5WhKZUeKD3EAQw4QYknIFrAovjVf\nPnADrD1YoOf/KcgIc8mQYEO+UJJiN+9cQvjfr0SlmLziC0r9AhZUR76GX16a\npdIwlNcSK5dZj3q+f0gVmcqwgiE/1etOQISrQuqWCVOSxkVKakbFEdPE7fDl\n9/qMcREQL27s0gI6OksLCxbrSj1yMKnv8iJzE5aHdZMDaso8hrNUG2P3iMGb\nZj8h7VBDsflLHBUblNKOWnJnJxL+HgkOvrvq4+iq6ql0Cge1D0e53oiI3nOY\nJTjmD29nrgujsBeecFvIsMUkjEPHXS+H7Gisv1BUe8m30ZdQAxeVvrhCFlnj\nBOYZ\r\n=FiVO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHptOJWBX5lItVnuSRS/u8Q7zaI/KfJDPJ3guoAbPQAQIgZ1tZjPhvYglO4Otk3V1u01ZZ5pA387YyGAKM9KOPCCk="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.fe7cca31.0_1627077377600_0.7150767833941516"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fd9da483.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.fd9da483.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"fbed5ae8e9a1f66ef1cd5e83dcb0db11c6ea3c01","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbed5ae8e9a1f66ef1cd5e83dcb0db11c6ea3c01/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbed5ae8e9a1f66ef1cd5e83dcb0db11c6ea3c01/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbed5ae8e9a1f66ef1cd5e83dcb0db11c6ea3c01/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fbed5ae8e9a1f66ef1cd5e83dcb0db11c6ea3c01/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ExnFbtLOKDb/BpEaWw0wku9vsad8aw3dHyEQLzsaXG6A+4eBobrSaTeOhx4DEvLu+6MS0F/REbhMP6DJLzsbDA==","shasum":"cc55857f3aa53d2e8fda51506ee6e4d61b850fec","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.fd9da483.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/ygCCRA9TVsSAnZWagAAWFIP/0yJ6G14fo93AImIi3Zm\nOGQEF3iKo6zauO9/aO5j3sodEDmlu86hwCcGPm1QwH6SEHYTRpaOtNLjexyg\nQktzkOfnd3ABfxZ6Tzp7ZfP/181iENH8MxK0y8rnrv2HyWvARqapqMCtVLnB\nMmaGEVhPdsqRFIUZ8mGQHw6y9DhProQZiOmWDiap9MI7wcogtFlsNjNc206z\npWv/M4p6UypMUPGD13a2mOYuQBGewNkMS6WxfDlNQ1fdP1DMyoKOpy/soTkx\nbcd51H75Xb7fLcjizkcnT2Qv6iAdQNGMNo3El3gRcbb8iG3S6LznILeJlOIJ\nmBe0aASZ7CzX+JqRSogQPtgSIrjq+uUjLUEQTLLKAjt8NFp4frL3MGlLGJBE\nHm2fKSGfKtqfCSNMd1ZVdbuya3FVoxR06fNnFwM9qLcp4HYEg8ClPURYVzAG\nn7vby35J26f5D6VkyPw5dW1Gw2vSmVnXu1hDRTddXonhtXmC623BlbVWg8v3\nQO6XYalFeByYFRTlQ1YLhYd9eFXdi0cqbf5G4zQ29OOOxfDBdENJdPOPu718\nfYkYgxT1NDoCPS0s2mYuyqz/YxhGdoNzUxsgiNwKIqwAzS/8QBWdgoZJ5OVE\nGCK0hlC4Gi2F+HKbFueCT6K3OqH0IsNSCtI6AcW80eoOc8n/IU9ydQSXdsVU\nm/ek\r\n=3WLg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVtiEjPOkHkF5NFQGPDkLPuRRQE53lVvJ9Bq7/itzViwIgMZRJJlYRLzIhPJe8rG8yDYPl1qwBSddaTTZ112QWO0Y="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.fd9da483.0_1627334658205_0.6304670806513406"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.8a4c7e06.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.8a4c7e06.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4c98d35e959f2149e2a4ca8c8a4c5a7ad3070670","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c98d35e959f2149e2a4ca8c8a4c5a7ad3070670/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c98d35e959f2149e2a4ca8c8a4c5a7ad3070670/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c98d35e959f2149e2a4ca8c8a4c5a7ad3070670/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c98d35e959f2149e2a4ca8c8a4c5a7ad3070670/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0x/juxmLcE1PNlV7UUV6h7jfHgcs/Fn2D+ExxODaEizYfdybTMfD2yH2/LoZgumuBz/iX1XlPR3/E+it33rwHw==","shasum":"01a13541f7189849ecfebaa4730f8d256bbfe20f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.8a4c7e06.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/zqYCRA9TVsSAnZWagAA7qgP/2H8iiJzzJYtlf36zEvt\n64uDsH8Tr1mnx9748gSyOOv8V4UM95RqQ+RZ9+xu0uaOI0/sFJ+ILzdcMluS\nh7nFGHIzbFiF2lp/g7QHRMFcSbPXy5ccrYchkIv3fdk8n05aOS7wPLPO1vR/\ng47ZgcCcpRm1p9f5rQ7uNSaBcOXF33f6rCk/33YTSLqKxnhluQ8ELBBtEgqb\ns8JN5T0IgtKWEcVqS9yBVzz+Hl8zLZDWhll8GcocUvH/tVox4Hq0Vnq+4BbA\naZ4t1O/nzkJMyXtfgHvaEYxIIjlFfp1uBQ9paI7i3XWZlyB7XW/jjq0Pe/PP\nv+ycSrXFbILsytHEWXeh87BdwiRRWz7o18pLSvEq1W+RK3UHpxMxR7MozfEr\nQ0H/ulLEHHmKQKX6nfT/4OQACODjAcuIVtXUqIMPvU+Hj7Oh7MFVuqNXbOcV\nKZsFFAwojjL1gnYzsFMzO4FC9uha+RhFM/6ZK+QfqlfF3P65wTIsm6kWSN/F\nwL8fxUKRhNfnkx1a5UuDK/ag5J8kDTXaDA5BfseNvKa1Rcup16dseQZo9f+B\n2AGoTU7IgRmBeU/mSkU6rK6ufM9xmpY1PjVM09vQRYzyMyweAO8AMzi/mU5q\nhvmEdqFrQmoEJvuT+SgfuqysWxMCpcscS2IM6W5NPMeusRX26vtJctuTtiqs\nr4MB\r\n=aPKv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG059kpitSpZjQzHedq3ja8tJJdYs0SYnOBopeBQtEKoAiEAnBg2qrlbUwmBiC/bAvwIQqqgca6RZ3aZdsb1PYKdzO4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.8a4c7e06.0_1627339416736_0.3048249751843761"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.5b395fd1.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.5b395fd1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"49947c20a93de615b923efcb7d30a23250ea6dbf","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49947c20a93de615b923efcb7d30a23250ea6dbf/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49947c20a93de615b923efcb7d30a23250ea6dbf/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49947c20a93de615b923efcb7d30a23250ea6dbf/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/49947c20a93de615b923efcb7d30a23250ea6dbf/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-6cQuq1gruXBAPV00JbctMPbkVaUv/1JQk3QNyANa+dBP3I4xX5Mp+PMuKLNYJulsFomkNd9ogKx107fpqJrqTA==","shasum":"4dcfb4379e3f33d6eed08cbf883de4850d363047","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.5b395fd1.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAI40CRA9TVsSAnZWagAAFWUP/1KJdHmDt3caUHgK1C2G\nuaame/HdgkLSNf9vzGmLSaZbWeFNEzP86kJSQYcn2VSvq7U8I3SngbJsKIf7\no+S+P6FcZ+Ymk1x6agd5SqruTzk9iQx135ZmwG4QMKSP0dq9Vt7f05tsTJRp\nZt3eMoidtHG5ktWI8cnF/nOwEKraL9THS5rz+Sc/hBI3Ag+BcHvdXQpAqtZ6\n2siLcGthxeBFMEq9WIPObjdrx9CePHqyGBFvu1QJ9o3gte/VHNS2g5Y4eAd/\nrDVKIGPfDK2valwpQdnkDOMoEJGAYxVQdX8t1A+rF5gICeg8WWOxGKZuB51F\nNQlBUpqsnl5e3jTzt06OGsKBZ3uKZyJHE58aggsmdyf2aRXXuStc3ECaqJGW\nRbVhRS5KXQAf8SK+CS4r0NAAXvg8Sig37RshyvZgYhV67/BRKKkch9aZ/RIh\nh4rjoNgDvSiBxJb7NkFFycK2qRvfVsV8PBHIC/30FR7i+7steadinxBHeVDb\nR9BZ53WFvuI4DLiuxzXuPzJz/IQSntpMy8XjD5W1L+uD9iifdFAwDg46Nb96\ncyZhPhti5IaBXtkR8vwhayybz68vO81nei3OiKI1K8b0vT4U+ZCojMMm22w0\ncCn/jd7ahjGNOtV6qThQ1F5Sznt7D7Cua3AJuQqqkL4PhAf30BCSipayKMUu\nZmoM\r\n=JdVP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgwRNUPY/MfHjQhyCUQaSU+BtMpUEIFpTVWikEjRDjFgIhAKG//7ISUpT4MXFUEGGMN4QHkyEFjUGuKj+7jdDDjhOa"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.5b395fd1.0_1627426356625_0.06448550435678468"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e5efdcc0.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.e5efdcc0.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6ce7c9ba42d6630a9af68bb580b94e6fec508bdf","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6ce7c9ba42d6630a9af68bb580b94e6fec508bdf/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6ce7c9ba42d6630a9af68bb580b94e6fec508bdf/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6ce7c9ba42d6630a9af68bb580b94e6fec508bdf/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6ce7c9ba42d6630a9af68bb580b94e6fec508bdf/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-r34kY4vR5+eOD69ZbvAFAMkKWOD04pn0X8NpWjgGprZJ+brrSkAfETgmTIb0+Qd38KqlTM48qelkSvbP+C3gbg==","shasum":"d434a273e36cd7c9505746bd0e3b3cbbee7960ab","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.e5efdcc0.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZIsCRA9TVsSAnZWagAAZc4P/2jmjLgW9N/YFlXBgzPX\n4JAz8PaOBpWn8vyeUkref858WfJ3Oerv1KjO1LTgnzaSoqBn45dnVlyfPTjB\nY9845fA2YTU3t9HFSvl9/yxt1LPL1Md9lxfwyWf98L+qpUGkcb9tDVYstTWq\n5l/ewBh7wofRPTjx6k8qd151b/vEZ+mAsbTQqLBE8aFFIY+6vcOwf62wqU4c\nJWJaW3+lC1Op12WNaHhN3sh8R/hp/XrCFlmFWrlKbDTmAFbEziZUDtTF0ZV3\n+alo/JuklHrA3raxStHDl+JELnh6ZW7n9Xd1nKRWhjUoYkbCP/zhxbzVWi9O\nVGXiqMLCD3yfWVb/bSH8iwhl6NlTUjDAm3EmfpvMscURopfCTA+OzbsNkPZm\n3RlDRJ2DIBOfSuStNgfEuYKE+BXIqAYsGq3kEcaS8mAiFT9z7DI/O6M/PSAS\njWy95klfP48T71zv9YR+c7WBuXA6nuvF/dqiqUY6YRZAHwlJ8ToloJ3beHcA\nUbUruIMT2Zjg5vX5DHMMx0SnWz0FyiljQXxvxbBPwr20Ln6mZRjuBwKavuAK\nvUOO7u1XCy7uH+VbnHDUkk1gxWKf5gbftxqkLWccc9LNmWKDlyB9Af32i9GF\nO4uZQ7sVm9N1PDM5zUydFE222+oZ62wxWew91fCzkL8RRgFnt8PJMyULaseZ\nyDU9\r\n=MlqW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAfoTwdDdkZe4bPq4RMbsX0uLMAs5Lc9/4Qa5gBaFwggAiEA+CCt50WoHHBUVbhr/ViyFv+0d6RWYX65EcZKRTkcTj8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.e5efdcc0.0_1627492907746_0.871693064639218"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ab310900.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.ab310900.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"e3a3d97dc865cef9b5eee17c8842c3ef9be90dca","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3d97dc865cef9b5eee17c8842c3ef9be90dca/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3d97dc865cef9b5eee17c8842c3ef9be90dca/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3d97dc865cef9b5eee17c8842c3ef9be90dca/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e3a3d97dc865cef9b5eee17c8842c3ef9be90dca/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-CxOpccx+Po6BBFkdo2mu/KQs1rDtfbaThw8vtqw+RTdAzjLfJnmhir7ZDi26QaGo9ajGUQMx2ufNqStWWT3FwQ==","shasum":"763568c20e5cd5b0652125ca64b8114d1073c8f7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.ab310900.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAbwnCRA9TVsSAnZWagAAaG0P/iceXN2DmbqEoUCw6JXz\nQqJC0G3uuBxjtEswb735qPEjiHSiuxgrtlezerCqDPoqGOmdsR0bmWCruInd\nFr4nlH8V3fL0ShgxbQSwqoyZQv4G+5fGDFtKgQFF+pULOEBRpux+uVKFvWNO\noxR6LyZJc4V+eD613lUyz+6HbwzQ8wdf4nWPEIOu2IeAb0OtxEsHW/haUOQd\nK3PSEzXd57/IRFZRHU4wWnIy7j1uR/T5lwEWdqy5P2HjdOWYiEUKYX/hKZLH\nKBVR7W16PaHvvYmhhxNFcDymlf9FXyOZgNIZ/W48zeK54o1yOfGZ52pZsRbJ\nM6A9eUYyM/CRK65Cm/xW7O2z4c9iiTxJr4syKrpe1SvBMbtzq+/DxhFoMQCm\nkU8zX/kL7WYzUqrsuB7fgvjZCOl0h3XOtHikQC1aL8C0+jWJ5XPZINSfQkFX\neHY8VMv4+9gMP0Ky65d427KA/R1y75hHPNVptFnOzIdwGzvTz7BwauwRMm3Q\nfMG5zvotpfJNz54/82YfzV6UlIu3H2iLiE9btX5cHJNZUOqK96o0xjdHzVD4\nKyhCbPWOOZ2NoBWDFEClfKrC39bRRSZQpOOtye4cmGnjg6sGT7AlY3+dJ4aS\nUTLjma5L6E4REVCyBm0FIHLfCDUMrfBwNghK/f2PWvS6NpO268Evsb2c7ysp\npfqr\r\n=NgTg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTiI2WS63UmwM/QoUqiN1hfo7pHCVUm+drRS7I/nZxxQIhAN3EGcnHo8YH/qrd0gEfhn7O7EAVgs6X1DfpPw+Lkum5"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.ab310900.0_1627503655491_0.33978261221648576"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.21dc9bc5.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.21dc9bc5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cfae2d30a40b9717e93cc7842d29f51de61c497f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cfae2d30a40b9717e93cc7842d29f51de61c497f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cfae2d30a40b9717e93cc7842d29f51de61c497f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cfae2d30a40b9717e93cc7842d29f51de61c497f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cfae2d30a40b9717e93cc7842d29f51de61c497f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-zvZM323bPfvKzT2vVW91WO15+z1YD67ts1gVdXGP3BgNJqkpp+dLotN2HXI4taAYh/bcbjgJUb3QwRp+cHc3Pg==","shasum":"57a1ecc52be0031870ddfbc69b65242a6ab2b28a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.21dc9bc5.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAb1CCRA9TVsSAnZWagAA8HgQAJrQ90eGauFir1NCbQOd\nf1Uk7/b85iP2dafE5jvveO8L5xYhDIWKjlvTVLMD3XZcR2OZd38eYulEJEj9\nw6A47Wnsa2XYNEzYbaqx8DSLwGHOErqQh0mS7U92q1tbi2DQYKbFiTYt5/tU\ncsQCN5H1DuGSK1l53NA4EA7s7N0G1O+dTs+R3W9REzjqU4fbj1H8hCPR2Xwy\nQYaS9JQxDe4VP2GzXmlmw1bT7psnKPV33ek2TSogMGwIR0y7guyewBE6bN+3\n0uhyNgbX6IrU1Vmt0OfZmmNVMx7HILgyiAMLtvujvLV/hcUSJRdGkw6SmMaU\nSas5/GamyZ/pf4/A7TPPpQxFC5V9GxHW0ITqbwkQV5hnWW34OaOViES8X8wq\n1PQO8Z/YbsjI8LnUnepxiygMeN2nWNeh3gPr/kHi8LpGIOtgHGzJh65bbYjQ\n6iRLjMsh9PZDMFUexyMJ8cbLqC4QhEHV4CbUIfpsfLQSdNht8b/eVF2Z3WdK\nBRqkj2XBr0wXRCoIwXxfLIAI810ygACaW8vt3O7Fm6Ibl+0JN/I2eKpoZ9TJ\nIcLdh545xTiwOahzvNG3UURnRdguy485msXF6jYGrg+gEpw97JgHpAPhuEH8\nGeELzB6NVcon3/QXkBeMpb8Z8ItR5gkUus7Blz308XZa5cSR/WxeVxCCauEr\nV5J1\r\n=OCph\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEYeiOCvg6sDIr5rpq0E0UrB5nT+xbGnssLaqYqOZM84AiAU22Ah1iNG8B/FI5bA17s5YrB43skOvVbf8lbtPQ1b7w=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.21dc9bc5.0_1627503937804_0.7753378774585609"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.68c7fe5c.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.68c7fe5c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d14f788b501a8e9e77ec19d160f45c10e76e3a31","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d14f788b501a8e9e77ec19d160f45c10e76e3a31/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d14f788b501a8e9e77ec19d160f45c10e76e3a31/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d14f788b501a8e9e77ec19d160f45c10e76e3a31/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d14f788b501a8e9e77ec19d160f45c10e76e3a31/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-m1gf4NxkonS4WVOb9QN+qCulImrkL1F99unMwv2qeFnmLyIB9vAKdj0+orEOpFDie4Vo/eJreoZX/VNUU1IhWA==","shasum":"9fa053d1ea5561d104eb1106f9d8d667c2b943f9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.68c7fe5c.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAvPnCRA9TVsSAnZWagAAhZgP/i1ISBptFNa60j2/YtFF\nLz+RAckaKFaY/GR62ukLZFVmkZnfoFTqu8zTI1AUuM8KdDbR+fuAiMgEYWBY\ntuFtHSdsHHiTmvSkHe+7hy0F+8UeFZtSMcvr9ZYW+0H4Emj5eO8YCW5eJAeT\nRJXcZo9/cE/EWdy+X8TT39zKrOBrEyFkwOTgEms50rg1LRea9mhG4FJfnzy0\nBMdk+fVNBG2ZCTT1hM27S125wzoBksBAeC25NvxJP4Z6BivLQhhFDIbldwi0\np3IkqhcVECuIYZD2EzBrKTeAAjnDlYOKoflH6465aJgdW7bT+x6eT7EwD0N2\nq0oey6RbDp5C3PS735Pd6CYI7+YrtjGYqRKOzYTDJ0WxQB174tch/ME8l88j\ngirdNnaho38kv8NPRg4Bv2yIdE5eaneqq8nVUZiAdNFyneW4P0mtCNHTsIln\nfha1DqezTUZN+HXQA8/zE2nBOVgW/D/bOMgeRUzCxT4sd6SCiVagsD+a8DRm\nuWExTVQ9HuQ625+W5DUmzreZpNyfukqxWkVNgoqrbArABBTI4PAiynsawOQy\nmJHxqTG/KxbMwsIJHlhuTQYZbbKZYdTGHf/wc/iFC3DLX2q6wrEOjgPhchCL\nb1ICIOivR+2t93m+Ny++kYFRvNuY4mTKvIpHUiMUyr6HL9Vdfut3RgqsX5Mp\nWCrw\r\n=OnZj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGnkkFXXr/0E+QJ/ssfWHC67pqdGtDK8BqOA/bd4Shv2AiAkmO49aU8iahQ2JHAzniOGQAcKqYQsS0mM2BXPZ3wtRQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.68c7fe5c.0_1627583463539_0.2669885908676588"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.aebe39e8.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.aebe39e8.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d28ef9fbd1251f2664f6385efd6cd33d59bd5a19","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d28ef9fbd1251f2664f6385efd6cd33d59bd5a19/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d28ef9fbd1251f2664f6385efd6cd33d59bd5a19/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d28ef9fbd1251f2664f6385efd6cd33d59bd5a19/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d28ef9fbd1251f2664f6385efd6cd33d59bd5a19/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-WZXgWlAkpDbPh97WmPqrbfN+HsFTa84tamgJmG/m1YFhaMrhp6lha9XJgSQ6O6wfQmdnU9HFgBiJ7N48KeUNkw==","shasum":"0644c28492bf8d9d297430985e1f9b2e4d1154f5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.aebe39e8.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBE9JCRA9TVsSAnZWagAAKUwP/RhOzVac2sPu7Z3wZYR7\n48Z87ETZgG48cNIGJE9BQ3OiOLGTHGtCEsY8iwdtNFaT5JiyLXgW3QLSxr22\nUq9xpY6JLcBzNlwo8J0utDRoZU42HprJ7JkjcTes6FA6gm24qaca0cvrLSK/\nPuPh2rWiMEApiK03ncRJ6gt/4jQz1accKQdiOBDW7ArJiDag4VZ9epjbpOP5\nxE1QzesjSKc8szPjUqGBETA+5vtz5+RebEfdPVMsVTrtQ1fNTyfD4jkMiuoA\nvUSb53RvWzFN16aosNRdbN4aMnyjY1MWh/n65Rvc66X0qkI3Xzxpa6tWUSdB\ngsLUJLabDdR/ARPXCOBgT0ucbn37+eBKMlqn3/WhRQe22txe1ntt5wVK99sn\nW3tY0b0YzS984IZQWDgfuijdDu14enhvf3HlRH+kegKdiMd8Od59tt/Ha46n\noWIK7rKzejYuXkcPaSOTnhcOs5gJYZJWyw3rMywvqeqQ++NYM+X1pdM5ZEzA\nFvfZgvW+bP8aI/lUeMac3L8jegeG+yEsKV4OTI4C9f3aNOc6eoUbVsNMZRHY\n5B5mTdOperE2gli62kNTBXUoJTpKUgb0+G7Xo5FQQV2Vvn6QwXGHy/hUkWTq\nm7Ca3fR4AxZ3AY0uTzGLbWaylWssWygDF+L052deyfR86wEmDx/vYmZOi8rU\n4bt1\r\n=CWQN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfFxu9k63NPDyl8Se5fncHoSgqpGgI7KDiQgJ9rpwlmAIgUkg8wQUkTQPbQD/DjGbSfcjjHlqRG9K9GTmvyfgcD10="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.aebe39e8.0_1627672392974_0.18603222804669595"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ea889c69.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.ea889c69.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"29d32f8e88155014cd9963c5b4fa346d8e3d28d1","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/29d32f8e88155014cd9963c5b4fa346d8e3d28d1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/29d32f8e88155014cd9963c5b4fa346d8e3d28d1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/29d32f8e88155014cd9963c5b4fa346d8e3d28d1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/29d32f8e88155014cd9963c5b4fa346d8e3d28d1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-2f6Wl12Y8cyqzkaFqUzlSoz3IrFBpWF4ljJvEZSElQoVn/lM1zJqBQnoFa9IaZMoD4IzOgJ53nBM/9mT1wZxSw==","shasum":"e43d710a96e6e5e8ee8db14ac8209fb8761dcc50","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.ea889c69.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCY82CRA9TVsSAnZWagAAL5wP/Armcwfw3AGhsc3B+mdR\nRhbY+UXuK3kucYyCf+B9SRLl+H385v/YndLp9COw0xSzIHCMCda8z+txv/15\n1G8IL4jfCEPmufrH2MvxPy/WttM0ZhQPbC+R/StM9AY9UqX0WFeKW0UJ2/aA\ncIBfmrVRb8T1/IDSHk1qS1TzjTryQPY4+SSKoKBIBXu2hlTp4jmpJMZbHq2l\nipI4/pHO9bEHMYbn1gx5HaGQt18KjAgX22CBzObnArfwroxIwyLHWEAnUogk\npCu/2RIcg/B+YxcThsV/b2P9mOQJrv32jZbwKlEj9squ7XHEjK8CXr1DOIS5\noCRlv5CW5ebsZTLWNfL/x+pkf3N6YpwoFUoABF0NBXLoL8tYg42PDm0WY3+p\nq0kG8VswD/v1UDZhnCUjNnhQxZ6cOV9NURmPxhiV7LnohnUJAOKTEuez62wl\n8SkGJc/Zpok4dkDpb7RegWf/GI05Kw0V523+dt5Jaav5va81EgdOl2WLRCJm\nb9+PWQfN1nJsK7QUfEUilIyAQgqu///0rHhDg73G4Gt9SHy2jRAlbxDLqZiP\n74I+zfM8viSeBD2hBfwYbGcOQJowzxcgO04RYqJQU/HTJGPKPgo74ZAk5B4h\nJ+H3k3AQmN7d/t34sd05qkhSf7q4+fG7Z+FrHv/wrZn6k6emD0Xh8l8eVjtO\nrl0a\r\n=JnqU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHUEDo05IY019Mj57BpolwMsG1/3BpIMzpWMjUET29JbAiAV4F8FrBuONp1qq/P85BxWBre88RlIb9CEXnR8qttNKw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.ea889c69.0_1628016437962_0.8980587823414905"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.21918905.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.21918905.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b4df0dc9ece9df56af685bbc48963988f2cb45f8","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b4df0dc9ece9df56af685bbc48963988f2cb45f8/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b4df0dc9ece9df56af685bbc48963988f2cb45f8/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b4df0dc9ece9df56af685bbc48963988f2cb45f8/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b4df0dc9ece9df56af685bbc48963988f2cb45f8/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-MFauOzPbZ8il2DJmlkqBqLI08c3UnWrue4aAiGdTrkC6CFxqyH86Dvwsdg+guj1XxrszT1s2xQJ0GqACOUP7BA==","shasum":"82e3ce9975f29e58e3c3a8553d57b8d6839f4d8a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.21918905.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCbGVCRA9TVsSAnZWagAA56MQAII8z0jXz9Qd2pU62+nB\nvasTymDBsHRl8im9gLXfmpviC1OLV9dUkQuY2cC9NYfPlazynOPr4h0uZmXF\n1JtIrcuiy+cy6psKNe3fS535CD2NM+nADbLAgYshL4EJ6kqL0QwGtOYACzZG\n9KVoJt/JKJgxPt6i1sNI2VsXe1LwBDkRmNKJAgWC8uL03iLIUV+kyufcTDO6\nHeELug1qf4vmfTvf0k3e/MkERCFsVTT6ollwzLv+8h2PsL4PVVFGruP/XpLr\nFHgt4fjb7EoH6lXIK7zaFnLwTJWY+AtumrmWRdKh1sQwWZ5dx+k4ZRvOtx+s\nm398BeMBktMzSkFsmtTh7dQtM+YCZ4C+DXHaMC57clNCpFhjl0oYf4RODpQR\nz8DsreSIv2GY/HBpIjz3HjKi+Y9B/2DXcmmKepo9V8nviU1q05kbrBn09IUt\nPyw+Go53gbGPxXuMiLYRfYSXrUZEWdJR0C5zx+8tKbiy0Qbehuv84CmLUVzD\nUueU3q700r5ohNpBjbG/3p9mSmNEhT0WpTzpQoDaYefS1NJbektPls05wRlv\nt16u+zc8YfqgvEuEmtCJipl8e/DFSVbgiASVZExunel3ougeEIpmSyHnYp7k\nmwKgkGEnDmHqn5WjMM9sm4r4F3Roq/X044yR4M0ardOSyCIsEOpNKro7R9Iv\nVItZ\r\n=UDNe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBSz+RZyAR72WCEJES7/SDZnM3mslz+uskwWIE2ZbuTVAiEA/LgiNXu+abp9KRSKOZoRqMTK9cWaujl/wiQaKT4u8nw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.21918905.0_1628025236934_0.8916163937809427"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.193c87be.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.193c87be.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"62c9e4344bd3aa4983c1eeddc83cc2dbe9ec6644","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62c9e4344bd3aa4983c1eeddc83cc2dbe9ec6644/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62c9e4344bd3aa4983c1eeddc83cc2dbe9ec6644/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62c9e4344bd3aa4983c1eeddc83cc2dbe9ec6644/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/62c9e4344bd3aa4983c1eeddc83cc2dbe9ec6644/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-EipwoOhY8r2aipJJi2T+pbwY1s7/cTwpQAYCabXY9tE/1dSFVWGGz9SrWlMG+zMwKC6YDi24GSmy2izBu4ekyw==","shasum":"e3fccc2a623d2407746608002e14ca107bfd63cf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.193c87be.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCtdICRA9TVsSAnZWagAAf7QP/AqJh8KTtFUU7pcWB0KB\niyWHNYIUO26FHUftX1IBVeqgZSmG+08yS3Q+1xwTRwgz4MkAdHcfBe/Cdd4T\nLacGVjjZuGAna0ZoxD89jC9WQleGnZH+IhKJqJkFwk0yEDu0tEBObBHtThNt\n8bJbfIXszD59VDXJqOsNLSKsbAAsnzLCUh9y/FeD8ZcrP3Mwr/ZN6LAVypjc\nFiP8E8l7IfCrxPLc3VhZCuMFUjp03zJ7O/6MnmYz/YYvIfgHNxGunyXrNuqt\nk1g96+F6eN9zc3O5NRX2XowyR+xjwkg914qW/mP6GRKqPzTjpnpyEz++VQ4t\n/+TjdVghVdYVfyDXsosBPs/dJI1GTFo3VW5B2sVQbrNb8JgorcqKrDsXSayP\n95cvN30S4DO4Yl2+CBvdSVADGAqquTCLKqiy9RfP0IGzcQzfLjYFcNqmqwBz\nRz66PouCcCXLVM2C1tGD+i3BYzoGQvQARZ1HF61kmGgcoBcs04+GB0ywaPc1\nyb9GpeDGAP5ypxnAFSxpJR+HWyPrsdK3nJcBccEoFbS3fjPt0ObTlU6gpIWr\njkBwMK3yMi4HaGk4TzSOe6DVcluz3wQyA48d3iLFVrR1G77OTZYxNwdyNQCn\nLNwlqTVHBmav9j2tu/ncy/555QlAKlLsM+nwer79hBw39P2phZhnh62numYG\ne2gh\r\n=zKyJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnnHx6u7Vf7RrnJ/gwSpUc1LWjPiY7t9FYVz9pI0AEtwIgKmxJyC29VqUf/MonLEK+y8XC9R+cIwwSQtUj7lXSV9w="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.193c87be.0_1628100424130_0.9025963436997515"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.6fc52d8b.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.6fc52d8b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d70f6897dfb89d87fb73b1e96c8b4164ca76734a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d70f6897dfb89d87fb73b1e96c8b4164ca76734a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d70f6897dfb89d87fb73b1e96c8b4164ca76734a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d70f6897dfb89d87fb73b1e96c8b4164ca76734a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d70f6897dfb89d87fb73b1e96c8b4164ca76734a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-xzv9nj2Xit+zVqoHL9wOkS1cGdZfA77XCcNRopYZFwpAQW7vKp122bqd21J51OyQEHCIQrnaFn2FerM2XKcrZA==","shasum":"376f07196fc714efe726eea988fafca5c82fee76","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.6fc52d8b.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDCmOCRA9TVsSAnZWagAAC6EP/RRaxzZsx6ERexjB6pir\nSzFSJNUMNsLca4EegxFCz4f9tEUMaXPV4WjW6c6dU0N+tXw8sgqX9JmjG4hw\nv+6kCGerus2ptgyIh2LR0efEb3O7bH/cEhd3tXDE7Cgvb6wxaVmMCte6BRPB\n4d8iSjJ/LTBKRi4/Uney9MhoneP5pBMzelNHku5+UU/vOr3sSVCezC9B7YvR\n8sPSHeUiBmOm9bYRYI4ocAzG7I1Uw2/96lfZAErnohxGM99CdVh2GymQIoF4\nQUVIcQKGt0sQIcHSDl0d0B2SqbC5ZCRwL6Lz7E9kdsfSw2CTJ0EsN+znBBI9\ngRaSs7jKJkk79b+9iarI1ryz4PyCrUbOw5Swy0olJmo+uGMczW326SyoWIO/\nnFFESUqUCvbjrZKdQGGndLS/Apuxs3m71/Kdim1GkXn8VhhWRDaLR3SyyuOA\nR7yiuAAetCFBkM23NspYN2xEAw6IGJHrJ3HfsTrsE6+ceiqZFyEE3xi56OBI\nZ9LCtK1Ap28hHS4tznwZYEOrTnZmYSnBlZpGieKngobN/n3QvNwcxePm0rBt\nyHlXEYM8t8KGuoiLWylzixoIzomm49qI5/YAoikoXcG+vfDkFAs6ufIFcwL0\n+QpnKMBlZPGbBEfJY9Ic8t+oAFkz4/enAvc8/H6Hc/SKXBAZa0zCDOspR/Cn\nh7jl\r\n=nn3/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXaGuRq2XjcoqQslp7is0qmkvJF/vIQlrvPyRZfSU98AIhALLAeD8V51wxdf9glbq5y08XcoEjb97iht5ACuX+J8BE"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.6fc52d8b.0_1628187022716_0.9484282588397501"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.e2e9777d.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.e2e9777d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cdfa31e7045c5004a0ebd645c1096ddc7724ba28","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdfa31e7045c5004a0ebd645c1096ddc7724ba28/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdfa31e7045c5004a0ebd645c1096ddc7724ba28/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdfa31e7045c5004a0ebd645c1096ddc7724ba28/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdfa31e7045c5004a0ebd645c1096ddc7724ba28/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-06DqV7WLOfC46soIhfuNP2pT6gs6Ycn7IfmXpHXWFV8QpRXOrPOp4C3ixBy+rYrH4gCr0ej8DJFFYI6PYfsi/Q==","shasum":"cff6b2fc91c65622a63b21467ada8bbcc26143f3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.e2e9777d.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDGphCRA9TVsSAnZWagAACtIP/jf5DCS/aqcf7ND60626\nsUux+ixYznDZDTVh+zbwPvkxv5SiDmhXp1N8Mo9ip0Tat/JKE+Jf/Kzz3ktI\nVdAEj4+0qI1casYU+ctpMwKZtoS6zF66Rg2YtA6ha4E/iuLhpz5kvDMZAaul\nCieV/0APguCzDaVM6I7bEK3WZFxCuMBXC1KwXSAruph1c57Pwm8K1yI/BVl1\ny8fuwS/nMkZzYBoo8ZSUoLdcp9gtPgBRReVHdf4xnwtfXdyYdtKQ29e5spHG\nnaODqN5/bkYVXtxhtobsLYQ5Q+ck0IW7+Ay/fwBclFS8erZ/ASMveJUakaqM\nTKhVqZZRLFMv5EN+PZctTjbTIGJBBI9LGpvRtg2xRIGrd6OigdvQHh8BlJJ2\n0ifGiSuyvQMewtMa5MnW8bs9euW8MqGYq4BijImKIXC8af0YFrq6uKKpW2OO\nnpHeStSdSb52boo8a4R8Zraz6FPmEeQY8LkudsGqq1ubW30MTRufz8nYn0BW\n8r/7L82oQdpd7tCiaGI08E00lDmhNBzv6Pe0RwriToBQ225zWdV5V5jDxyeO\nDaokabdsvsKni5WAViR3/c3KL13YvAkG9G9Jkl9TVa8Yr5+ksDjEu86765i1\nQ2ZZPFmUIdeWuruyRIwFEmGmppSkmZ+9Z5Vv+CY6gUtEZaTa5d+NWGk9Kcho\n9Aic\r\n=vE9B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH45yCH0HIM8q2zYpJgjzWLogVW3As1kprlrbBctwMH7AiEAnWV0Yzyy4Wx5TrVCE6DSn7nywTiwNQ8jUG61G33ydno="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.e2e9777d.0_1628203617487_0.3839179940837065"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.72ff1e68.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.72ff1e68.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"efaa4c0f4dc1cfea004a7f4dca613ec666b1106a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efaa4c0f4dc1cfea004a7f4dca613ec666b1106a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efaa4c0f4dc1cfea004a7f4dca613ec666b1106a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efaa4c0f4dc1cfea004a7f4dca613ec666b1106a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efaa4c0f4dc1cfea004a7f4dca613ec666b1106a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ZzwTqBI4sadzUx2PkPi9BkwH0AyY0DOnTETlaRIETsocdII2xVLp733Va0sAMrYLNVbViJy6rdKxBSItBA6DhA==","shasum":"693e9cd9e62959cd1a9d5a2bcb66ca80f5adbaa3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.72ff1e68.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDaAVCRA9TVsSAnZWagAAr6sP/0pQZKqjK/LiqOtzw5LQ\nl0w8Egv6J7AgxYguc3HXUDUnyeVsqDJs27jmg8YG/eHw4hGvCCYle1cis5cx\nqU717BpFSMQmoONGdzdcahgLlkPLPnT7oQZHrpfX7CvrY7YUBTnK8Twi1O0g\nI3jL8cXWd+Vi5p42X9rxF+6CLP+iHt850yRS5QrOOR4f5qw4byZGfCKwTXAr\nTC/BTJQCS2z0ltRF012XzudspJZo9mwldFpsjvxm8gm5BHroUNGmGXap6wjW\nkyjvlM1W1S76RdCmRN+WtHq55TUVfA9aNPiEOpvwwthW6uaJkCIV2ui7et9F\n8L3MGlJQh30luh36VDLsAY0eHNLP1CTqmQc7nBGZIsP8oC+jyV8vnY+pKQtw\nurwO5ef0WotUmaz5SiojyM2fqAcinoeabE+Qy0iTSccZa1Kncp1541LkMKGi\n0Zu2frpPOZBTTZY6lNCPlhFMF9frafcZ55xbeJCzzGSwIItzz11akxDm75vO\nolJqfBNoMPBiIPR/9C0VyOqjihcvuOGl5HQL3cMylmmlv46T05zwwAuMFv61\nHi+3WgkCsMQj3WwZHYg1/SnK5l+CYL6oUz1lYr3J1kY1pNb8NgKVeiiAh+VQ\n0mTap0+Z9rvEACupY6m1ajXQF1SHPcwVYmU3PeP+zna9dSkEAIyB0cPz5llP\nedMz\r\n=ZXVp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHyZPeONHj+SA9g0kFHMzX21KWNSOn5elBc6B5gF+4A/AiAsHTyzvtozay1acZQZSifDlk7EFgTbQCF2VnLdw/RFFw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.72ff1e68.0_1628282901731_0.8642928209543428"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c527e93b.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.c527e93b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5f7d2f863731a86414f3b6d188833c46053b72c5","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5f7d2f863731a86414f3b6d188833c46053b72c5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-hnThX0gvGJ/OV03SZ/sf1kYuIeOfTnAhOKdxvh1OrVq/PZrqJWeDaCYnPvxOfdTyfxCd0Bj5lBnaYGdHanoL7A==","shasum":"6acb94db4f16d8774e801c626ac072fe5d2a7aa3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.c527e93b.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDaUiCRA9TVsSAnZWagAAMX8P/RHWvE9arT76NDGWsUvf\nTwXIC4ILZ/K2DLtpPFg+KkoXlgtHdo+nJg9D/lnZeYFOjA+kiw8BMzix8pij\nt+i4BjiqLDpvu1ozbBsZT6drs+7041WOWCG9jXd2M1IvBXpJoUk8ib/LnOWZ\nVk6wJP659zzBtZF+f7luvZnwDJbM5+dbauD6XAF3v+9+wm0n7pLeExvQY6mf\nBFH6LPWxxb4FnsPNyvN0/WAZGXvovgaZSgSLutvCnP0RqlYameohWtAZpm5u\ndaVPajFoVDDRtankaH//TBdRbi9uUTJXr1Qm5mb/MnkXdcwHNB8hWg4UDD5N\nyndaIDxynjCAuGIwNOPGKr2ivRQxdBW5/Dhx1HyzCJ1N4tCk95Jsa+QO4S/J\n39enJDRfOI2Qn5fwkZCeczYmqSqsYosKex8NUjAK6zxplRkBQ7B03TDenq/O\nx5SFBb18HcGSOykV35oAWEcrvKEpIcCbvsJM5+8fpjGjsawFrShF5k4EzlZP\n7vORQapb7t65Q3WNYV6YYFVr3jQOc0dDjpKrpSFwzTc558TlG0rtkbMNjLVI\n0nmpMs7BWDgNSnBvtDV0nNedQx5SOQ4bkWCiNKgsYnaKssNyz6o160PAoX/9\nvjF13qheOVoQLhT8gOhCi+VYlAzHkaKwZbEIzwejdqO15FMC5RKvlvrPJTbl\npBwP\r\n=dQ91\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDynOUR4WrgZ4OntPmLvwA7dhGU/DtIB0DhGpUIEXFk9QIhAIC3YZPWtMS9JHekmNUeKFloRn2gxaNKoThyJd+VttBJ"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.c527e93b.0_1628284194337_0.1860824439220925"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.78b1eaac.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.78b1eaac.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6052db26d383ccd469e4c4f6cca3c1d2e4533696","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6052db26d383ccd469e4c4f6cca3c1d2e4533696/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6052db26d383ccd469e4c4f6cca3c1d2e4533696/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6052db26d383ccd469e4c4f6cca3c1d2e4533696/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6052db26d383ccd469e4c4f6cca3c1d2e4533696/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-yxnuGMZ/8ddR3G/HwraLs79MbZVd/OoPEA7uSjOdgH8rqnbAI0FJxi/e0u0bXGW0y4ItH0sjacIcaJe0hIJ35w==","shasum":"6e3aebef8f3ccb86cfb8087d569b0ea487398d4f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.78b1eaac.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEW3oCRA9TVsSAnZWagAAGsUP/RxXov6+v1strM1BesC8\ntazh9TUrtQNi1KvpIb1N7Rtyy2lr4mBIh4wkUUzrFmLE+uyyqT5lxYTxrdZQ\nNXyiy+dEsCEtxm2fsqH8wSfHAHxnYF/ved7DHUKROQANUKRuaPo6iuAc6eCT\nGI7Zx7I6+GliTmDk2vPxDHSzB1XcqK+QLYPEIDyEfcI/qmQ4PQlt+5MdmyXq\nwGs6ld9oLFKvLwJT/jnyEay6QIN7/TCMDNrzECFC03NhRPBSRWmm87fLCVbR\nOcPg1tVZy9WXYMUsBV3I7dTGz0+acdkvRFkeiGxJFSEJ++/FDEbZS1i5iTp+\n2b/1UFqREOBOCg1QG1Y9ZUlACGGPmOUE4DrMIOjHoeSHEDMR04VERfqnCE9Q\nIxrWSWPGsci8zMk2oZyh54JApV0BVIIhXlRNxISyt/QVAr5UZ6BEfnC2qrqa\nLngiPVUnpKil2Np7MuIrEicWYSbonWxOlk7zIVZ0PHK8BLYJV5FqqrdyKTi4\nYw38Lpsd57XZ82PHmE+r+mQQIytDNJo1VWYgX0EQDr8jcB827GlqRMGIL3J8\nGQK7kMHYLUwvB4UGD1clAQLepvwRK8nIm6oIzZeY2b5Iu+wkeWvpjO55Qx05\nFZlx5hOzZDStnTkrZBOn4/UTxmg3HRbA8wIhHoEzQ8A6p5AEGjGR7bovWFSu\nwOrh\r\n=oXm3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3HL1n8vGpbm5UYXToo+tK90oEbLdzMYec+x2YpNYzFgIhAOTYjXEsz3/AoLiXNVKxGDoDBHAp1Om+663oGpQ+3UX1"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.78b1eaac.0_1628532200271_0.6020459328280268"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a8a4ddc9.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.a8a4ddc9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d9658c00d9d10361ed16fd976b03d6652cda9ef6","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d9658c00d9d10361ed16fd976b03d6652cda9ef6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d9658c00d9d10361ed16fd976b03d6652cda9ef6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d9658c00d9d10361ed16fd976b03d6652cda9ef6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d9658c00d9d10361ed16fd976b03d6652cda9ef6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-/KN2LrKfDdJ54TrNL1aHtJCO/Tby+xteM9Wt4JXz5L+nqRNJoGtYNEDshVR4a81fO177OShR1Mh2w2vnCLSb0w==","shasum":"c5d6f20e9558e13013d2fa69ca5ee092b02c1252","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.a8a4ddc9.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEsmHCRA9TVsSAnZWagAAH6kQAJKVGr4EoBKL+BMgkcMF\n0Rn9qK7kamiigsLflr8NYmQE/hKfdCjRKQUX1xt0e4oQu9fl3WRSaiDtx83G\nFM1ylTFM/aeD9htPkvfbGnKe82whhmDv6izG4Nv8uGjxaM3agIyp0GeQaj5Z\nmh+dA1m2byFltqQyWRyYJWAY2w/d7yj9mCqHUehjA8yYrBHp2Tiglx8Mgu7/\nqbYn8XHupn3sh/xdkc938BTcTV9GfH7kNV7XcI2ugJCh0aMIpAdZu2sqpWyI\nYplfOigv4gZo9hgHzuE1BLIwhvoyPN7kmLK0BB5yaACwXH9U6yzt6f8I+1Zc\ntrrxubl4tfyV8ur5NFRn+OK/sP14OaJ/ezfOmwef0NbMehkZz/3oLt8vS1dA\nmahDI/8vOClU1EcjF8A5r2G93N8GkyvsJPVVH2NUCrJ9NXeqvcCCYHz1kIfo\nNNyuACcltwW7RiLqfvSALn622+oaHcXXi1dJhIxvq5iq2R+r6aI92uhdjVaU\nAxQv4O/UYXozXYECEcnMuG1Amrr6zNeohGG4hDR7Et+NakDN2sM8r0DylAmc\nfLPd1JphvWQiF5DLrmh5HyNm8NaR4FgijdAui3MSwNnd/n5F2D2qVVliNXLh\nHHJpwp/b9G2/bYLHEphBlnwwzQ+bBVA4AwfBbIThm5RGDmcgsAhNmRWmdFUt\nBt/w\r\n=pxml\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIExFXy2vWdfdjnJztkaEYahs7VwrsZm1GwnnsV+iLBGGAiEA+iRpHqLzJDTCfO2TLoMrs864cSGC7bLm4iMLmocXUxQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.a8a4ddc9.0_1628621191269_0.17718151000180926"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.99fc0632.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.99fc0632.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1182c7b11008cbaa2e6a052092cde8c856306942","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1182c7b11008cbaa2e6a052092cde8c856306942/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1182c7b11008cbaa2e6a052092cde8c856306942/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1182c7b11008cbaa2e6a052092cde8c856306942/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1182c7b11008cbaa2e6a052092cde8c856306942/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-mRhoCDyjj6LuyMi37hSXUb+gDnkGNsSauSdzt47/1s4jIZ2ZE2Xmd6WZjrf1ynB05jeLsn8aaZjBEE6bYFZQpQ==","shasum":"6baa0f381106930e3df2f5c8fe88ac7ef011edb0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.99fc0632.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFE1YCRA9TVsSAnZWagAAxPYP/iCRQ7OfB8UX4E3Kr3e7\n1wqTet/3VZeCCbzap/xqaimCfz/n6AbncJ2DFz/9NnvX6Ogh9IJDbHZ22esq\nI/nqtrSwHu4NyGu9qTn3XxhWSlL3qoNh1GUlHr1seC/P244NKq8sjDv+ELyb\nBUaBpAQD9Gv5rr6w1SgNPHCpzd3sGnfBqxUfPy5Alx/P7+5pIBAFpkxAr/sE\nj+Ccsj/BsIWQ42iXkA7+vTMkz+61zz2smRQifzELxhak/YT/yXbwJ15L/vhe\neCtzqJsPaK/+WA64v3z08AJvRM9fObKdY35qqCA8W4ahu/vvU7nk3Lgfsnd0\npi3T26Z+bCOuOq+pUQQetrgZmawNAr31gleVQDo+BjTxJuGKXAIVC6cy4eAp\nJqOxd7dRHvgMSHpAZkLp9jz7gSIlojhqd3BmZXvAKDU5u/Y45R3GQy543c25\ncglQDm70unlYg2/oR/QqdTIanoBcga97fB2ZTPr/225wd0/vcWKITtPENe1E\nCmJqB3leiuo3eEI7QNgj2XUWoVTOd4P+7ipC7DlSYPHiNt4cKrGDG0hdEBDS\nCD4PqTOTjPjODriFhnPrOzXCwNmkw/Upntd5lfyiVHYQvXtNh5WaV25uDjFb\ncgk1PtL+UFAldcASho1I9jnGRb4/7WvxYkYUn2NLzw58avmwV4/2hEy0HcWj\nehzU\r\n=SwFu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC+vTnBH8v2a5jkMs23wkMuXnt+LRsJ7MuU7A5CQ6G2wAiAoojkzwHB3s/QnEG/31FUH6uh0Ql04BCZedmXve4EWqQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.99fc0632.0_1628720472169_0.31504378975333225"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3f47ae57.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.3f47ae57.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"edf4f3bc9066a2b36444c8a434994a5482e8b500","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edf4f3bc9066a2b36444c8a434994a5482e8b500/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edf4f3bc9066a2b36444c8a434994a5482e8b500/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edf4f3bc9066a2b36444c8a434994a5482e8b500/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/edf4f3bc9066a2b36444c8a434994a5482e8b500/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-i34XmnE7s/vkqlrdMZP5bG8s4E9C7vQu4AbwszQNTPlJRGCrxC/3mtyS1VH+650H4Kq8skGYhq7LeUWq0Kx93A==","shasum":"aa661ae16f6aa3ea3bcca46f7c5bd0ea0e99a773","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.3f47ae57.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWGGCRA9TVsSAnZWagAAmgEP/3K8lNrmPcIL+NdPR7bX\nsuisQtFVSyR+JJXS8PTJBsF2HuhpOU1thFCz/BcaXoACWzTMhAoAaRqTGzdz\nNtbL+f5dt9yv4CHtTKfAdmtwnAAFeROhlVLq/Syw9vuDdgBmuBT2AXp+LMTB\npx71K/3TkSJwQawRQyku54ybzP9P0+EMkNcxHVIly/tjczTKNsJdrmmDIozc\nylPJJ3FssttZKTMYmb2T0/S2lfz5U2VJHTumfYBwMvTU2PG7cVdqeyEU9AUJ\nCQ8g+lMC6Gkt/AkbhwbZ2bae38EH/TDz0i1C1sG9tMVcNAje0DKIB3ttK5RO\n50kMMa1Xls/fLV/L3jEsmGxTolu6e9Ze2wmINJM5vOUehlQ3ltNTacOQDqc9\nUheYCUPrVkKEP4EjiHOpoNe9Dqe/D8LGWTCFj8sVJhPW3Sxofg2rqwa51ZTz\nIB8NPAwmIoaYA2JYPPLEw5zQLccOUdSL5y1U4SmMJKSX4Tkkm4gSHQ2gZsUj\n938aRo0lhUKdVvPf+VUkTb0g43lSLItGAWLp1kJgjawvEgWOJuvGHRMCvMMW\nPT5KzKHe4fcH4BltTCtC+o+GKdgoA2Pu976dT2NvrJwyAEPgsBG34iMCS2Kp\nHTNzC52XiX3ceMRbTPS3cMJD13hjHcON9aGq9aq9YDP/q5ZXx+s14/FaChp4\nfjJT\r\n=M8nf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDBNPHCamUf+B+Gvja87QaS1CG70z45akSiC4WqKCVlKAiAHHRRTpS+S02/4AFgbGv3a44xBk5X7mk4YojH74mdL4g=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.3f47ae57.0_1628791174045_0.18530984424339536"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.6b9bfc32.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.6b9bfc32.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2479bbd88c9e53b974ec7671345a52cd8ac0e907","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2479bbd88c9e53b974ec7671345a52cd8ac0e907/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\n[Material Design Guidelines: Progress Indicators](https://material.io/components/progress-indicators/#circular-progress-indicators)\n\n[Demo](https://material-components.github.io/material-components-web-components/demos/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2479bbd88c9e53b974ec7671345a52cd8ac0e907/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2479bbd88c9e53b974ec7671345a52cd8ac0e907/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2479bbd88c9e53b974ec7671345a52cd8ac0e907/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-97tXiFpZ3mt8BgQlDxBCOsrqvjX+X23FqRMed4iKm1Z2FkBeEpJeXmy6wsOMcgMeIMPmYdngWyI7ihFBVO9sHQ==","shasum":"479642eb671b849f69336c45a29791fcb5409868","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.6b9bfc32.0.tgz","fileCount":16,"unpackedSize":47759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWcwCRA9TVsSAnZWagAAxewP/j4u3pzFf6UHEFxfixe2\nOqF4RvJyRDII1FeR1WL+wdEBn/7GJYhV9ozSON0br4UMEwM9v5FhUHW7YqYV\nmvMt9mHMcYcwNWpoE7x/a/gLnHsNBDHvNrsz8FFkiTjEkD8P0T/Wekt/GWmD\nu7ZAMsryB5OmHtl/7TcsXPJnwRuBR6f5A7KlCI7NVTpHJ1KbdeQaySlxSVKR\n2f1tr8C/jMoH/5WkcbK6zDFZzyJPeJdhV5s/EZmD/WhDA30rhriNmD5NkcsN\n6muZsVshY+Aa4DV+jZ+daypjU8RUOpK+6Eb5YsEQa8OQB3meGE0HMXay/1z+\n5ApJJ5yQO2L+VdLN1gGJDGdwzXYFcnmFzmt0o5jJ1eXQMTMOjESA3ISaBw4O\n0EKzQrZnVucRRWW95vGwDN9lvQgYFROVi+b7O/9Fhg1fTYEp5gwC7JqJYFcx\n4VVP0GOdjkzU4yyqvbwo1NBmrJ+KnlirWd+yCseLxD/WXfgV9Guh3XtT3gqg\nC48cLGP/dCSKx85/Xaxg8PZqaNFmlNsZk2QYNTa3TwA+4mcM21GBE6eVQlS3\nDZP0RCLdrOgintMX2+Bwg0HeC3kePEApKlL8uQim3IrhS1uuTv4LtdYIW43+\nheQsp6LxWH15dPaEED8uw8Vqoxp9f7nVSqkOZ8XC7Ao4ORGEQFG9gK6l40T9\n16E5\r\n=slxt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0QTsD4ufbx8+qwerrys9V+Fnsv/Pi3N7qPdI9dgN3sgIhALV2IuFVp6bkuvpRrqQUpJ+eN0aaGePovppEsJbz1mS+"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.6b9bfc32.0_1628792624487_0.35691775992290276"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c89ecc63.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.c89ecc63.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"aaa5bd89f698007e7af19bbeeea7c1212b851c35","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaa5bd89f698007e7af19bbeeea7c1212b851c35/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaa5bd89f698007e7af19bbeeea7c1212b851c35/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaa5bd89f698007e7af19bbeeea7c1212b851c35/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/aaa5bd89f698007e7af19bbeeea7c1212b851c35/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-TAuzJFO76HCRoNTxeviU5r7huC+RO/4eDxMwBB0de9AESPKal29YvegePLIgavCBqDS9qNdfBAfgo1QA3uxwUw==","shasum":"8d9a3af9217679c72fc63f5a7f0a7e3944ee155d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.c89ecc63.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGp1uCRA9TVsSAnZWagAA8AIQAJ94lkyQWnWpV6LcSIGn\n7RdXDYa6AZvmNnqd1BDfLzcERS3UJdotB7A/2Iq6Z38SWTWgy1VrrSyNZhWz\nK2qKeQhtpHvOLDMACZBMn20+1ocqH30aiE3tPSHqwk46CyRfGX2e3ZtJSOA3\nEyjbDz2WrkLjhpW5GLpvOHBd6ihokrSzgwnQyoXFV/NTeSAgeQwf6nnXvXo0\n1i5ZxBJbPn6+fosjhYHmtyIcCRGBwLtVDiaTkdZg+d+T2US618MrmoaiOUFw\nXHbb22XXZJpBcJSwwzTXaeYFpNLG9MGnekvb80TEqc9YnVkjUXPXjIoPzxr9\ndXlG+u7BS+K2Qxth0CTPVSuu83E0JrR3z9E2vZ+sNOJ+pLmK3TBJv4YVV8lA\nFwud1MgyBviqnYxZw0w2rCZoZSmKR+L+xAdiur51S1fS9Y/WXOfjjz8F5nce\nALQl0HFsQSLB6UzEWUNwxw0sV4d9LDJgyyTyBhYJEBhBH2fIsgyUZBmd6zbl\n2xvFgNGNPIAVpmDe+60QKZJfmq62bab4y0Y4jTaPhqrn2Vk5T9k1foW1U6UR\n5ghbyMLrQjEE4/FEELSeaHAsBC3RSemKBcGC1Zz3V0br0S+nW+FkoocjE5zx\nhd3xgLySIXwY0hXIT2Sh0ZDYIwtvFzgG2iJxL0iA1YUs6sPYJJooRRZS3E9j\nvil9\r\n=dEHP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2RXy+YiDeBqxATXCibQWjdBXXDKXUHuEurBislVjb6wIgYJsz428eclJZAP2yDYERVEM0NlJlcKV+8BU/PV50KMw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.c89ecc63.0_1629134190811_0.7198294520859763"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.59de86bd.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.59de86bd.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ac639cd83d2e2bff117ac2f85b2cd2641560a85a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac639cd83d2e2bff117ac2f85b2cd2641560a85a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac639cd83d2e2bff117ac2f85b2cd2641560a85a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac639cd83d2e2bff117ac2f85b2cd2641560a85a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ac639cd83d2e2bff117ac2f85b2cd2641560a85a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-2CcMvEVw/R/9NLosMspC/073XHRYPibKDZVKLktV75YKi1qQIVLSYCw69sNu2dVOYpPCcnC7so6/kvSOX4vuoA==","shasum":"28f7745bba6e2fa18c24a3063e3f77725338b24c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.59de86bd.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHGRyCRA9TVsSAnZWagAAiD0P/AxruFRUf8MXlbg2C/MA\nsrbKnOMeweYU1X5VGUnS9+ZxK5sQlx/ED3mzU0dwf4OWPcZZEiJouN3egYX+\nnHHNhizJVzyjbwc6WRcYJZSUS7VRUA/YlkxXj/kf1jM1JC4iZAHX/fdh7Qjy\n8G2TwhWfZHb1Bjz4p665wj5N2fntTvkOqp0sncLhKbZPEk021FElTDLCp9I0\nabwQCaP6s7horu81T/NBR+ez0b4a0fgmKH+7tDdhn8EJXMwVL9vpKR8o3L7A\nS5bKuwuyooU8mi7I2dKDfwnFNYVYMRRyIE+mNJW1qXJW56ztx3cA9rOsFjP/\nvs/UxdbI6vwrGnp/gpefYUQHYvl9JaN90PfYoiRcGGetnuu5gW485mDTUszQ\nTBMCOxEFNERaE7fR8JlqekxkwNHSZbvBxRyauTZQyqEmMGn3X+yprGPKlhAq\nUf7yDHzb6eVdsgmK/XcZPBblKXCy6fHO9CGnZp4OkEbf4wzBD0ioBSLw3lma\ny7tRjbdc9uUMasqJlc0KNU+xP6Gb6u9FDrqeL+gXuA3tAdmMT1zVaaKOREr8\nnl69rDZtNQF6kxrzKSAXNIrzOZKuMu6CaSm8iA8C3E4Vg0XtOfzQnGd6BMf8\nyJOTfLecTI5xU5zTEqfCU2koDfzZH7MT0ZWaajCOqEKzMCMuNQwIKzMK1jI+\nd/Ty\r\n=WQif\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDm6A/C46DWSPvjTmPFiLmrnnSVVMfcgbty5DCw0XvdDAiEAg4IMI5CmUdDfLJ52IK+4h4nGJO+/0bAprkzNp47dfkY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.59de86bd.0_1629250674403_0.9909025000487564"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dcda879b.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.dcda879b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ab309abf464fd85bb1f234aaf8a2ccd35b8e7635","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ab309abf464fd85bb1f234aaf8a2ccd35b8e7635/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ab309abf464fd85bb1f234aaf8a2ccd35b8e7635/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ab309abf464fd85bb1f234aaf8a2ccd35b8e7635/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ab309abf464fd85bb1f234aaf8a2ccd35b8e7635/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-7iN0e3CalUxWbAPuHV7fkye+FtBwFk9+86OdW51Yhd9N+8beWg/WD6F3WAPInEvdm7DXW+0tCRJAKmEIOO9mFg==","shasum":"070b60c362572dc9f346379ec40e4081e0d6d171","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.dcda879b.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHYg7CRA9TVsSAnZWagAA4yoP/1G++JndnleIgS9atoeB\nOLMmsYzFiR/H71F15ujW5IwLuy9wZJ1iHbELt9jGAwiXB4AdVfcLRGuUUzV+\nLbDf9ydLGuwMfZlTSb3sEKp5OD22gE6uluDqDxSEnIiYdYLGCtAfFzS9xhLh\njp3SXT51YNObS+EVHmbGtIOzJX9iXhI0zRJVWY2XUekaYa2aFZUifp4VUzu6\n8SOSTC3+5bRTtBIVYuwRl/eBd6oep72BhMCOtrjsiBcs7cjSeEs6yKsyZsTw\nmMtPdnB/tIHWeyCaDuq/Aj0YHtCzsFP34r3x1Lbke2IqcuJeapyqpAOWQAzt\njg3tewUqiNwYOx+NanUdmgiEq1WC03jJN0h091hdSkfqbufdhSBbCwxIGiMU\n+fd48rQVJrLLETqkQRNJBiujRQVGKKnpJQxdEjgj8cfaUtV4assYrOI9Ctjr\nhq6vyzp0dMBCaUGeyucH/RZxcZzNu0V9U0R279efaSmHChH39dSpH9UiVj1q\n9zn/C7e6NzeNQJd2oFZxYQecfb7xG0JLweBbFqc7UmQHPeFpOy13R3F+X4La\nPAJQq9OVqqiU5MvxKPAJI5QM7JGImmqEPlLHvYhlsT17OAfkKRdCchugSbid\nrPzgR1VN0oNGefDs3RPgP9k3ePXqutxNUpPtkBsOFsGfcxBpK66vnvRJnt+C\nEnWZ\r\n=wESB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6kCPEKbQ4Kpt6oGRJ/aWaq9S8ihFC7DeUqjx9szgCewIhAJAQLRVMvBLaxv0Ctc7yS5yUcX/gQIRFcV6OKujoTD5O"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.dcda879b.0_1629325371060_0.036565140520526285"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dbb8b366.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.dbb8b366.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9def9b810923fb3cf5946b62d7be5df5ae926fe6","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9def9b810923fb3cf5946b62d7be5df5ae926fe6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9def9b810923fb3cf5946b62d7be5df5ae926fe6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9def9b810923fb3cf5946b62d7be5df5ae926fe6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9def9b810923fb3cf5946b62d7be5df5ae926fe6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-HktonVt3tVTFtoUdWWaHi9h8tsMPFvZ5GYFe67u+mxE9uziCfcj5IOITZWz93DxXFyQPVslM4VxOjwrexrD4fQ==","shasum":"743061560ca4a280e9bac2df5648ad808f7e4449","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.dbb8b366.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHuJrCRA9TVsSAnZWagAA494P/jwmoxGar2mZW/x3FhVL\nm4kFjGfF+PB6gxT/SCkO1lL1tee1vdbDXGIcOIETvExSKpovraQc8oGZjEHg\nKjNMow8eGs3yNxWHX3gVxG1IA5GFCwk78Nag9ohVQvfydFhrwi64zrzTSCsT\n6YVl09DtlCyXQrn292gg8bIjdopzlIuX23c/S24p04F3mCoMSKq9gtGRA0cF\nAG+Mu/f+iCZeoHOlL/Yd3BE0703CbgoJijvbKeSnwl4PtJ0QN0T3e40bvyF+\n+7oYfeZ73VDHEIwo6touKX3CEoe+d7skYWi/PFDFhiYS7ACX+cxbjYaVla9z\nGDqHUEDX0B59G+W9X1RgK0VCI0cf0uao2InwHquDkqIsBZFhWbJR7fRIGg7k\nmIKvXm7wBe/glRHsX27pjluAzjWT9BQOGnKa4PBNxqQnFXnTjsL7pbfDZFfC\nYFK6zJQvsRLWbtzjrJ+3NVizseF8HDNOH/zex36QxLMqJa7nSrKgdsp/UuSW\nqbWqRCtjn+Qexzp2SlPL96Ag5Zqhc+LudkITJUl54VPkXYhE8QS0D3BTVUNH\ndQ6b1PADvdoRXvWVfQSBwTaKXHrxFOB9LPvPUDqBvz9MIv8wxZ7GV+3753ow\nrAdvL3pd5VvohJREaGcvIKXr0OCobhN9W9+Yb2h8cVay638G/IsbDFnj/YuW\nJWiL\r\n=ROrE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9QwLgqNPH0QfC8xL3H+VUKxBFaEkbfc79jO17xKOV2AiEAkFH4cmxfNLQOroEw494mP66z2VdbvS1qA44BtA7fXng="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.dbb8b366.0_1629413994987_0.3923424684990833"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.c6e3060c.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.c6e3060c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2c417f32674c7318ccfdfa842a3a2cb3d57853b5","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c417f32674c7318ccfdfa842a3a2cb3d57853b5/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c417f32674c7318ccfdfa842a3a2cb3d57853b5/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c417f32674c7318ccfdfa842a3a2cb3d57853b5/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c417f32674c7318ccfdfa842a3a2cb3d57853b5/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UMsBXGwm9fdUOV3HXpTyAYTs2ilpDCk89YYNQK+gorCpBicfox2G79wJDnANXCJwCnkIplYdQb9+D2uNlstFDg==","shasum":"62f352e84389edded538ed38036c305c33fcbe0d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.c6e3060c.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHuLaCRA9TVsSAnZWagAAmwUP+QG3TOL918ix403bWq20\nsfNsbQpvcPnZSwcz4Rx0uNbwC0jE80TGj2fA+pX78H3JqmoJB4yhGaTDJuFZ\nHgVyCicKdW8zS7j8Kt2n5gz2z19NMKBRuslI+uOJsUdAjfNAI6mLUpx3Gnkh\nvHFCQXB7NT/H4ecfgyCTYHddvC51EVGcW7DjH6DtFPCyQpAdQq+rdig5Xwpd\n7HPSVcbxuR7On2CMnX9lx9vylThtrkTVn0hO9BS9p9O1kTBDe7hQn6R53Z07\ncT02XN74V+SWYsurvrl6EncU6nwvSmj3UcDSGl+LSR4EI7cdCGXuLKIXFzmu\nDIrU6mvecvaNEDWVMcSXYX3c+11ZBdT5zbeuBo+xW2AbnROnmpjmo6xIGR/C\nJ/imhFjwFEHkLT7Fw0hxzCT2rUwf+LHBo9I1gw5TybBouBGNg3U08rFO+3CN\npNHsQfErgng0oCLTgyKEDUbND2GXwTB+bpilidyy83x4mNA/IeUuDYkHhnct\nxDXFq4SgTj6K3s4B6U92iybhZMlo/CDlTcFqch5A1fnPTf+4LulAHsQSLn67\nXH8tZMtK0YIfZ21x0BtAcG3qB1SjCagh0StrfE31P8SE+1B/sTvt7SLP40Lu\nTydHtSJcOqPPO9OvzwTW7q3K0+hXFW6zC/iwOlSnVYyr/Kb7tzEj1TRHnE0S\nc0I5\r\n=prQB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgOJlpKeyO4NyXqLLuTZdLhrCl3r2l9utOY1CmHujDQwIhAMriVkN7PhkAKOokSraKIiuwoVGmM9m/pxmLqG5P/4Xg"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.c6e3060c.0_1629414106629_0.565444068388554"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.03120b7d.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.03120b7d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ba0dc47ad891e00a21e2d69aec6ec4c6dc83e003","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ba0dc47ad891e00a21e2d69aec6ec4c6dc83e003/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ba0dc47ad891e00a21e2d69aec6ec4c6dc83e003/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ba0dc47ad891e00a21e2d69aec6ec4c6dc83e003/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ba0dc47ad891e00a21e2d69aec6ec4c6dc83e003/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-GVCKdYzIIlP3Lt46jaHj4HBz22Jelcgdui6HmFXvV3+WBpiVwtmXyRhurvYCEPDJKnnDnFdG+ba5W1YZ33uvug==","shasum":"680308a0a55fc575991bae71820f505c5b0708b3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.03120b7d.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHvbICRA9TVsSAnZWagAAAgsP/A/yjc9bmlvjSFhckHyp\nXMQri1nnraPE+c2XE5Txy67egmlqQtq6cJv+o11lsFLXkIOXOoqLhWpUKzpL\njqESrJwtcXpqdJ4bP7z2zBKqiPAXtNH/i2o2IAxoNoHXq7rx12XvcCsaSOyw\ndvcAfDRbPlpxGvOnuczHCQ7GnV6vvMsI9iDhe+YNH6E5+7DKW5NOm9qZMHiq\nJl2g3j2nOAVBL5xi5E9zanD6f3iTnkJkJ0PR8J14XVrXr7jfUNMevdjj77pD\n/HSqqrtJGTXUJYpnFboj5UXMtRv4fQ67iOm9ivrQn2Qljci/WC4arT42UDaF\nlRuq8pslyh0MwbmrcSA/TcGPB3YHU8tH0q9SFXQgwaDcD9TaeAwCACCpfFLd\nA56jxjjNosS0DEi9uPo5Gffchee6Ab5T3boB43luLzKyt8HB1plqWOKf+DZa\nBzhaYZ2YVAh3r2Dfp3u6rwJRXsclA51Gn3sCSUGeK/nY3Zlcuj5P217IRwnu\nSmUmo2juuwZ3S4Ae+xVAFFHuC9rQvXEMku74KuupYWYMkZnR/jWbprBZAIP2\nRrqH4/HxnsVKWg/2X7YDHWSN4fcWM0bKCIZxI1i5e3zhwum+DW8dGXXY40z7\nUAGjcbPtn66Li71saLSs5/kxD87mxXOmwcdFeCQDmtE2YKVBQ98TB7Ev+6Z8\nH2e7\r\n=8Vb0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhO3184FrzBBUgSGUVbWvRkEv53ha+8rDYyhTju2YaXwIhAKKVqdlQhad4tWGE4oTohlVuxLGrPsyen41rUyb4k4OD"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.03120b7d.0_1629419208094_0.18488699262020214"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d75a5f74.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.d75a5f74.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ffbe861a3137fecad60074a6f36ca1061f940cf2","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ffbe861a3137fecad60074a6f36ca1061f940cf2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ffbe861a3137fecad60074a6f36ca1061f940cf2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ffbe861a3137fecad60074a6f36ca1061f940cf2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ffbe861a3137fecad60074a6f36ca1061f940cf2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-VE+AfudULuSlsjoer1bazPUJUmXg9e50pNWhHD4tGX11rmC9yqZpPfRCQix3uPK5geN+j0sWopQt4XfGv5rCCw==","shasum":"43cf5df85f8fb4a705167f89b165871002b91a43","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.d75a5f74.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH2ACCRA9TVsSAnZWagAA7kQQAJmSUfLWTlpdSqhzI2kz\nAK/1OTf2H+l2EOsS9Xzt6TesNKlkF4rEVILdNh9dZC9RtQGGJHCkEfQ6VOq7\nHG4JrhYxDRcDCBlHyhZpPokf7zVhdzZzKdkUJmcnNe7DPLuJyrkfsFCD1qKb\nKwvN9wj6jtgAuqkgImklUi4/Zc33jSuc0CPUnG2LE6LEyHB660DjCaABeE5J\nqCRMY6CqbWabKWT+x4hksO6W9uAR+Y1TJKId7ANTU9wdQLqO4zefzMzo9Bqh\n4lvp8JEwX1guqkyPrdpK3Jd0lihOxmBjdrBnILwbkqyzGBvYFFssMyj/3RiO\nV+PXcN4IHOw7iKKcUjIkeOoDr4CAaEC/U2CCM1TLxRCpOX0t/Jn3hZPhjndM\nJ258m9bn6/MSof2o8fuBU+4LVILAiN8DZCOkvn2K+jKF0Vy28AkVieLx4T86\nmUrnyZTIeA4K1jnAbe4qyVCwsjQRtzGWNGrL/DNCF+UuzX76XwPArhqzwLw5\n9NUicRg/vMLp9K9RZ1BGnnBdUm4ACMofw//PKuLQIlMVX+cqtSdnMoluun7A\nEz9/sqppIGikGfPzZS0cPXLodWdeQnKF0hNBMtXcOlqnRyZzDWmFFyjHkkLo\nWwbhu4ti6MpkidMJLxkyCjKQ7AmjqW6+vsc8HBsQW+OD2g8vDUJPOHXteNrB\nr1vB\r\n=YpJ5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPXbBtLaAETHnfs7vbsUmekGhZFj+55vIrcOIHkp1XuQIgbQkCRMhVnLp2NJTbycD1n07nlP2cBGD0hySxyPecCOE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.d75a5f74.0_1629446146588_0.8063674358607809"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3d79ffe7.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.3d79ffe7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4d51b5574d0d1d8166f9358a39a5d3f2b4c728db","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d51b5574d0d1d8166f9358a39a5d3f2b4c728db/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d51b5574d0d1d8166f9358a39a5d3f2b4c728db/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d51b5574d0d1d8166f9358a39a5d3f2b4c728db/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4d51b5574d0d1d8166f9358a39a5d3f2b4c728db/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-UCsv5NCxP4wfJQrOdD86RYaOZKT4K55GOZPBEHR3G8yjnm8eDiAyV2zj7P0DSBSAXCUWRquaLazSFC7V38o59g==","shasum":"876ddb64ab682af2370f8acdc8210b5e8041ce90","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.3d79ffe7.0.tgz","fileCount":16,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH+R9CRA9TVsSAnZWagAAJo8P/2INTncXb9UYR95PVtFE\ntgHos6oQkyMjTvGYXOz4qshE3Dn+WOSXWHM7uqeg0aO5ZhS1MjtYgFbhMRww\npAHimsiZTWZE/83eggBQG/dwsy7C4Hwp+Ih7RsjtIm1ol+jEz1wocP5pIV7D\nFC+Bem0JfMyY2m7f2u2dTvPOR/A/hdFrgVAVYOsJ6yzNoKplMUG6lLUEuQyp\n52odNjxOUlvD/iGRUVug1enPPCWSGMu+/fwgejQUQ6RMTHWCNDywCrG1bEVs\nJckwK5GAuCGC+XbDowEMtaJuvHOE7+l8O3hGUxzKiNW0WKln8k4aK4PuV7Cy\nhzujTZZBKGE0PdOqD0qEq8frFE94wMAJ5o3KT0eO8hrITG7GfW5KLFVN8nY6\nVgUG5M5EBQktZRm/pW503fDYRdAnEQKZ4+yAiV++20njJl4hbTafm3FkKzU5\nw3UoTW9XdSAu6mm6uFwaSbwa810CTVDqM/aLQ6lrhK/a8YrAp5jTbcoNjs9q\n11r6vwP9lrdF81zb1/7YsRft5yGi7EKrpuODxvNNGIDi19jeiwxfKyj2TVas\nywmq2mgxlqHXKkbY8XfxJ5OCPS1umNq7iv9ICSVxwds80mLciak5nWLshqGN\nDRWTKz9ZzjaDK7Et/ODxg5zW7xVIHVjLTDsZneuWsZwAbnaNE2KbVFU9e06M\nthVc\r\n=1KLg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADgxXO3WkI9ngbHUbdFE2bcQRHjXENPKPX94WnpZbtPAiANyfSaXcX9X+zLgU3MtmHSHxVYuOkPKD9GT11MVzlMyQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.3d79ffe7.0_1629480061219_0.3170603482240526"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.02213ebe.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.02213ebe.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"fb5a30909287b897d793fe4c7cfca2cc93cae697","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fb5a30909287b897d793fe4c7cfca2cc93cae697/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fb5a30909287b897d793fe4c7cfca2cc93cae697/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fb5a30909287b897d793fe4c7cfca2cc93cae697/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fb5a30909287b897d793fe4c7cfca2cc93cae697/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-rA0IDQl5rVGZSCRRvJorS0gKadstr0YCyjdaYb/RGfNzbLQV/5kV8IRmGttQoPt5Lwy/GEBI0CuqrN59Zq50Pg==","shasum":"d2bba559a8aad9fb145215794637203a42116783","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.02213ebe.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH+WWCRA9TVsSAnZWagAA0YUP/ieYTw/KJ/iQgFRChFit\n7w/CoLwjx6SEdatZiyPKGx3o3z5Xrv3ho3tM5dx+bWdykh7psd9XeW61RF6m\nKwBzD0Lme7gSBt8OEm5bMCkw+R35U0cg3C/8XbyBbQBqlwnACnexmMLaWU0M\ncDOqdmQM6H/zBJpSY5iThsovUfH1VahlelE8kk8a6zHaYQz4JTwZO6enpUwr\niM5dkR8yKFIOndv37UC9G4vGNUMmrvPjojNOW/L8uvDbmbdyTQVMF8annoNB\nrg+uhMKS28ClmHW+3RauCyTP9y0ak7zywj7QOIVF0GHbxJ/4bYeSNlEprfiF\nmA5curZG/qfUr1kIoUFNg1bdTDJalubGh3//yq/6CsS2XZnSVlnXFq8YJutG\nx8tctDi07fLdIfcgxF7hHeBbvZsO72a0pcEORZq+D+kjhpQkWrQLdhz+ltpU\noJdZHAfwQifthhzLL7S7wct7zq/a1R8HNtlKD55TGNkQRhc2bG4MYWeO8I8M\ngugxOIg3QgRJlJZXu74ch1tmSZyOyu+4weltC6It8UeySykAaaRPHBwMKzJK\nzzpNoyYb1BrkX4yRAB+jgL4VRiskCfZ9e1lyiYelDHpchtxBxnKZbFAMMNfl\njTUTXAR4mPcVpGFMjuopbtXsrT/tpSHpUIQfiyV6tvCSxdC7csK4UujXaHgp\nM4sF\r\n=0bZi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyJcnuCJwpQt7Z1exFItBs8xwbKbLoN768kSSKL/b2RAiEA4P2P0Fg6TzjchZEBfQqhN52HcQeRBsvFyzYfkO9zDZI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.02213ebe.0_1629480342302_0.13547943628513193"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.90a999b9.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.90a999b9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2c4d7acf2d3387438092d8cf5fa7ba37ca3a8b8f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c4d7acf2d3387438092d8cf5fa7ba37ca3a8b8f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c4d7acf2d3387438092d8cf5fa7ba37ca3a8b8f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c4d7acf2d3387438092d8cf5fa7ba37ca3a8b8f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2c4d7acf2d3387438092d8cf5fa7ba37ca3a8b8f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DS+/x/Y7ABnO0mrvqDN3EDv49ElLzpvh9FbMVkO7Pz6yPmDYNU6Ljf7ZAa1H3PfxWO3Hga+xTN4IpuRtxfob4g==","shasum":"70e6057acd38b380213a8c339b6f683ff7c0d466","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.90a999b9.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH/eFCRA9TVsSAnZWagAAUEcP/1zKg/4DqquYQAAeLugi\nkpq6VL4oFZFgW6z39HzZ2H8GRtC4YCP+U2CH/A3GmE08uwLDKQj36M8iE7j/\nc2EvKLrbIoSD4wqzPQoZRAhoRJUxkHte6Qm5z9zzQ+upj3HG7kb2KJhK8iDw\nQP6O54UvNPQ1JQGHbF+j2kB3Iji5L3DBQgZ5pdqM7DHPNpHnemb2x2/R8sSu\nUEbpeKjE5jRgTl9K6ThJLGpRn2NqeW1gMWxv2cDAfoqQzDDOth3eqxi9CPU5\nfUNvvkW7vTK47nvuQDm7Dw2fO8WwEjJFVTcLRKUjBomV56Fub2W7OX83hcx+\ncFQTKgpoaKF9RCYEfHdhjKpGzyGQYMvN9TZlrrcN/0PpOd9eYpLjkt1VW/o7\nJGtKP3hRdAxDgvUvcijCtX43wJfEyPrx0IFcl7x8dDqOpTWrC9kZOpZljCWm\nh5AShCceVyiKp/WXALkfOxgbjN1xYPyWvT6iTapSbexzyOWF8TP8wWXEQpBz\nNkDPrYYbvAasm6IyU/QYCxpYc79eX1VZNlqP6WTXdqg21sSFBnhaccRXm5ox\nCTbVcMLqvZrQRU+Wayej60VL5rU/bv0T96crqDGcqSi18yYpAl4aA0/OqG23\nVQlAMzIbd21UgAzylpLKYtPf8jtQ3t/Uwl3j08oHXJo9rHZyKNeF/iJrmfBG\nZ7v7\r\n=bupB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAakja46Hh9HZCvqvSk5J+EpBGF4th/4m5MFYiw7u80xAiEA6reahQJmtHxg62/iid/vYkq+z5F2dlUFuH+ovXzTQIs="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.90a999b9.0_1629484933767_0.1676787467772194"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.6db58716.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.6db58716.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"187faecfb35a3d9f67ae8a6ae1c83b5f796d3158","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/187faecfb35a3d9f67ae8a6ae1c83b5f796d3158/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/187faecfb35a3d9f67ae8a6ae1c83b5f796d3158/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/187faecfb35a3d9f67ae8a6ae1c83b5f796d3158/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/187faecfb35a3d9f67ae8a6ae1c83b5f796d3158/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-xa0xoDf8Ag+UmIgFshQq8JJ/7dlbYn1wAsq+15mPhxsMSXKgA1oGoTCh4W3PnpJC0T+e9cw/Mx+E9+rm78Uv0w==","shasum":"171da070210ac0c5e229cb65fa53a27a6fb93025","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.6db58716.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI2VFCRA9TVsSAnZWagAASNMP/iuexq26mtflbS9NN8q1\nAIogg0pFdmVMW9SGu+W/qhTwj0JsG5AC9jPnSMVsc+WgiUW9vLgsbF9iXDrF\nuK13o1paOhntQY81V97lp3HIW1GjXo98E0JLqP8OYeu96srpwDephvujeUGq\n//xGeWlP6sgn0UxrJOzNPGBvBS9Gqm9wF5LFoztdH+bbQrqlrpRerm2CAqq8\nQ08wPl80+fwKNJTN4Xg897Wr5PivQ3RipI8tJDGyK/vfSdsCtnXNFR8khRLh\np74M8onXNpaV/JOmhoCF3I3+m+ZmmbZd8ICI62gSMwnETcVSsYDCVCt9DPsg\nFNGeYr90F9cW6io5smb2iIDl7Khfcu8TM5LtVKbuGjjISMR84rrdxkDfz7cx\nfKmfoSfTMgwIzEA17djCIVfDkx21ovo5nLMEgvmxNjWpLmRcZ4SRIMfAaaye\noyGBFn5nXc5IJHb0H8walA1Fc0Q7+WoC6xIF6fWpK4cfIwX+e65uvePh/AFh\nJRqGdHyDvEdty9n+YxoSIrJYYThXiBZsPyzutfdE8ZZw0AyCkZDVs21tXj+O\nUmbgMt0mJ+DwVxFcjupJg2bcaEG8KqzhkBuyP7oCxjLe8Jl/HcHLkZws5JA6\n9F5aN8WTlmR1JDOCIWlfE8oLy+/nH0KUHCl9g0iox+TkEVCDCxea32gsnDbs\nxEtF\r\n=FyAG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1nnIOKn5n+sMAaoS2oisKal1QytJkjwaRK0q4cnqn6wIgWL66hUEAh0az6hHDDWrrAZYx3oKejcRJThj7Ou3dtI4="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.6db58716.0_1629709637076_0.1580420662353328"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.9fb5bc35.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.9fb5bc35.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"492fb41175c44033912a37c69d8362579b70d081","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/492fb41175c44033912a37c69d8362579b70d081/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/492fb41175c44033912a37c69d8362579b70d081/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/492fb41175c44033912a37c69d8362579b70d081/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/492fb41175c44033912a37c69d8362579b70d081/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-4ZjgNUsooDCsGoYhZ5/G3aVW1ZmZEuvTGoqCo7hgk8JZZMu3dL8zGYW8ZzXF870Mou+r1DuFf9Ini1vh0Rbm4A==","shasum":"01ffa84c7c100834f7b6630de4f0f8bec08308be","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.9fb5bc35.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJCYFCRA9TVsSAnZWagAAzbQP/AsHcRgYNhOyG3YeIW+R\nTW7S+FZj0V6V0jg3m739EQRrMNkHnY3RkcQqoZSLz1crU5OUgqxbnkEvKzPN\nrLU5Mw67yOuk6J04vQAPSps+EOET8+mSaD8CKFfw1TJF87cFI3/EKOuZExXf\nY0m6o1bMELyNbxs5iDtmgXq4Smr8y5tEnB19oHfj68e+MGP7/xBeH9jyWBqt\n+3HbF2GYNpfbjw6l41IdU+XAPzPRTbzCnEuaUYjnhYilQMPljZjBcTTNwReJ\nNFJHzED4vHab2UXUXzHx36YjFD5/vvxgeLpMFydcivzVAlta39LUUbLl6gQc\nC4fnOdgog72Cp/XVjVjxcjcce19ARq7Otx8lt750KY5qVvAzM9q3Rh8gR8TN\nqztyVsV00s3cKcfkN+v+AdfSHyqg7jv2G/POb60bUjpUOFC13BJkRV0iLlwE\nqbN2iS56CPAKlLQWpd3qmCFG3F+hSmCnySpWPqgCNd1/3Tk4sq/wfTnk+hJ2\n7o2ldz8ZXrRK0Bb+EICFlQXzIKTxZ1QkgAiF9uijmn+99F+oK6MkRdMEMvrK\nRqKDYQy3kITgxvYqKygS1vGpQ1JbMvNuTTI3juxI9Sm2wUGXv0dknAFb+tQ5\nhwO+gWjVCXiBsg/B+niPgrml1Ei9GmLpbrP4a4xKF3UwOqzlSpcBep+mZHEf\n9nKT\r\n=slFj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEvGvD4mvQkXB9eCNZOhmrDnmCO8w7VHfmvjoVHizI5WAiBEL4FKj2X+W6DnuHBAQlxOKJtPek65zZuTasE2UZNNQg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.9fb5bc35.0_1629758981587_0.6428355020467438"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.ddaa5d8e.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.ddaa5d8e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b75a351219e35d414333913249ef19e87282526d","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b75a351219e35d414333913249ef19e87282526d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b75a351219e35d414333913249ef19e87282526d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b75a351219e35d414333913249ef19e87282526d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b75a351219e35d414333913249ef19e87282526d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Xrx0qA46oi8Lt9z6PYGC4pfzhmrqj23xo+vaRT7NcwR89p1nq3vdxx4ZUY3iSowsO9cqumpVU04aGOp+mNDeAA==","shasum":"98044b096e498903cd8ca11efb0991f6c4732a38","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.ddaa5d8e.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJT8xCRA9TVsSAnZWagAALbYP/1vAKLaPjRl3S5doYYP0\ndyDbpF/fW+d6VphlSgiA9jYsEF01pn5FkvQW+d5norRffT7A8qA/Ha9L4Fde\nBS36V9RsKNSy09FsN0JF7lzMgofg13e//i+GxnbY62VKGJIiN0Civir4Movg\nMlh9ET99jJIPMA8rjTc8ttoUwBSIRNXXqYmzZf6qVd5XGi1rTweWGvKoPmSf\nVSBWuv8ur3RQxjaqSyCp2Y24zaPQ8Niziadk3IdwEV1VOpfutuoXatmjzpe8\ndrkxfEQ9XrZInHvy+dXAeSmHJvojrU3E7yQ1f9m+KZhco8wdZZKnFXs94O7e\nriWdkx7MncGJ81yOV+8mO0tw6YwmZUpig/gs6gPsUU2h9JmjP/56vD0+YJQJ\nq1NpLI4G2VtdyzBIVRczXVaAMz8b4hxIA1+ttzgmBEwpzsfgA+X6xxejt0SP\ntNtKnoibtfJAPr2XgXFlPGyb9JFib0q3+0HKZxZtHjbGkf+gk9zYKfd+w+iR\nQCkcF1cpeKwSDLnZJtAUJ6KNgSwzmjoQSlJPKoqqfFvPs6KPXGCoANUkTPUY\nRgTAb9e5Rf4y3EIY/1QMYdQo32OFh9DgrW+vXwfD8z4FrYrQZS8UKlqEAeXI\n9fZv3QFZZE3kKof4lLjq55nIH51urM/kWm51SEGrGaCafKrlbQH8WXmz/CrC\nxP4i\r\n=s++L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGJMcaAytACd8ekRR6eMMJ9s4+B6PVjYQnzJMUERFz2yAiBzq9qTChdy4MpDhuDD5jEcCnF+o54ZsONRv1548neyUA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.ddaa5d8e.0_1629830961227_0.38724649576248127"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.756208fb.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.756208fb.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"f13e06c94f8ec287642a6c4a258c32f5be7a17e6","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13e06c94f8ec287642a6c4a258c32f5be7a17e6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13e06c94f8ec287642a6c4a258c32f5be7a17e6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13e06c94f8ec287642a6c4a258c32f5be7a17e6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/f13e06c94f8ec287642a6c4a258c32f5be7a17e6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-U/4ocjim7/iCVOpbGWElCDO8A0p7U957zo3yRZ2Yj8YZbMSud0RIkeulZU8TnHO2Ph8slVti4IXgH+sK8SlMMg==","shasum":"e2b994d968d27998aa9aa477eab9e5d67535c815","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.756208fb.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJp7xCRA9TVsSAnZWagAA9/sP+wZc8awlXK2qIcY1Ct7t\ndvhcXRzBg0TQc6XKxqM7MYYC640WxP3yhr73+kDQHMqAcoyVxSq8rwJUXCHx\nvjuGlBZ3Rvv5AjLpa3RFAytNRuSdGaxTwGxKsDHQPOWpMcvRV4m7m/NbkOA7\no3fro33ohUrA7Rpi6RZEm/migb1w7cHQ2ng45R6XtC5+SbDVQ2Q+HnLbD7u1\nGVMMYXVt1N0nYJxnxupNHl83Cv3M2A+D7T/k9NhRW13iOGGcTIa/742yCAWT\n8x6vG7lN0TS54Acp5jEFOfdOgK6cDAOeQ9lzZzuRrENZjtQDal7DF+6zBoJq\nF9AYfloXrC4YgMmer/ejBqmeniOTaoUZIRO7QyPdyZLD5lVrUsv/OQDnwleG\nQ53ZFHbAKrA6ZaumZ+EJqgeVCkPdjr0NEm9txh9l7T87yTRio/7/99P3eriK\nzCCWvh/xGgRFO/jkqNoHb8KPDr6Ku1nizgTuQsflUMrSOyDpBTsKpxUTZaCd\nUWSePcNC8cH3sXmL9wng3WpAqcscjQfveNYVpv9ENusONOJJJ1sSwJxyjtOA\nWxhE44IEPvz3thZ/LX3fKrgWrq5cz1UtrFKGIpvzrmDFhrZM4ALAhw6v8PS9\n7ajJnMYiPlDxUeYfioLu3Pko64vhs6rczzNVwSuiXMtD4OCH8VL1fZPAmUs3\nKIYN\r\n=fqHL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbE5Ou997L+SQ+op1w6a8RTcMSGz1Vl+IBrxjkX/yY6QIgG2l+P8MicI6mU60a3ByqEy/QHeJp/8Ny6gYAbAQAiZM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.756208fb.0_1629921009622_0.3335817496393789"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.9576dcd9.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.9576dcd9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0d9211bc7f0c9c96cb4dc480ff59ae633f722977","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0d9211bc7f0c9c96cb4dc480ff59ae633f722977/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0d9211bc7f0c9c96cb4dc480ff59ae633f722977/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0d9211bc7f0c9c96cb4dc480ff59ae633f722977/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0d9211bc7f0c9c96cb4dc480ff59ae633f722977/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-jfXMyt5t3Puw5HwcdtkG8r9GAUNAwWPEOG0oP+UYTAClJUeCGcX3p6C5wEKAyowfoW/brMfD3/PbQD6z73S/oQ==","shasum":"22f7b19c40632abe4bdf16463e67d13117739c2a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.9576dcd9.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJrmFCRA9TVsSAnZWagAAaikP/RZnN1WMDFte6cppADyx\nZqOCUSuE+nclzyr7o9bMQQNVqpqaxhVB65mO0cx+IYbJ7HvjdVCuea/P4ksA\n5zbaeWSk2B+Y7oqGW4HdYd7LYl7/rCO6KCBWeLQkPN7hu46kZcy+s5wy7FVS\nLrHumI7NuL86HdPa6PtakEWNMvgXoS8QfFUdHPuSVp/PZrFr3oy0oXG1lFJq\nWBAybsDK8l0JMqgx/dQX3fI5/IyEe1pAN8yx10NE633DGNxUSj3jpZ9K4icg\nlJi4Wmk3ApnzDSB0LERfjQcKSoaSUj+8IcrjL0sCsOK5DZ2gwa0F2Pju4yoH\nLz1i8Yp/oZyao20EYTKPk/t0rbn8u2B9NAemuZrBrATevKBKgzv0mDbGOHCE\nKaZ0g9+wP/IU66xNSxbsFscaSgDlvud/mNm2GvgitCACke9bHELJrGodgSWX\n2P0oE5BUH5sxGCJhmBUNitWMu6J64NHmpGl/ezJDmcoOXh5RMOv4LXTeMnXk\nSQdsPXMk+gOah4t3wi22zXQ16sxkfdKHjK7yBLwBS+1usFsbNVger8AFvjYA\nQpILEPhuXMMjtGvIGTMh9z9ZlhUYtK3E3ogyfewBpQLP/zx5tIlND6b2bnEs\nGsmOA9S+NCzknVFHImFySX2D+RQA7eo4GVkfyiYuE/AywNkYT2KROxXJF5zz\n17a9\r\n=6QDc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUS3KCj+V3EAZEzNe9WfbB8QiXM6pGXoxlhNIWm7LRQgIhAK8D/crMHWiVxmDrEseUPUEsAaOz3UmuhZe+YHmPupkU"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.9576dcd9.0_1629927813023_0.9229173842582874"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.7531cf97.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.7531cf97.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1baa3308fe03250097e96c18c61446a8c8014706","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1baa3308fe03250097e96c18c61446a8c8014706/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1baa3308fe03250097e96c18c61446a8c8014706/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1baa3308fe03250097e96c18c61446a8c8014706/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1baa3308fe03250097e96c18c61446a8c8014706/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DlKAWpTqItdrIR20v3Hy08dZ/AWMAhAW9u0mLozK+szTN64g935+Gk+EriaYbjqchkJK6nyDuCiw91JJ/wloSA==","shasum":"a7aa2d5eb1128425be073222a976404a8244e9fe","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.7531cf97.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ86YCRA9TVsSAnZWagAAUjAP/2vVQq+DBshrs8ztA3hP\nNDnKup1jZLUq79TB+lOia6VQfUucVLKbHNbLeOxvlhT+28Kx6RW6IuqGa5xP\nIilGH11iI5OpSD81NEHyE7E+bkEdnIluEnxyI38C7Xo/yca0heLP8JLEK+PS\nJAL8hLymNcVmHV37SsdMZoOc+bYwjEs1GogYKrUWLimF1r80FhOCVH8jFx1O\naosYk5ZI99iDvgGmUwi0RiDSBQL+/PfBu0Nvaksl7VTjpdcZT96KwG++1TS9\nJDdiPu+KTFPrdsDEN7kqUX56sgdTtpMY5FxDmxQAbrKHMU02vACWrxzP6VmX\nq3FsBSqM7P7GdGHDHrvoNjk2JyZ4l2coy+Mg7+590aIIqEPRM3mzVe5o6vcz\njhuupdPlPWtLcePfvpZgjrT5OvMLV4SziJaK7vGn9tufcIDzaI2a51dWrcDv\nQoUIkJnwhT3qAlgi0QZkDUJY6k7j8jWuenElqNnBoDEeu+n5bv4s3Y/bEl0L\n4Na3m4jZU0vd90NHXGsfn2PUm8A7wTp+UFmPv9272MiMI1OY3fh4ezuxTCd1\n0vjAGa1nE8iBxJZQWH4/9m8G/24uQ7bp9Q5mvZl5cf1wQAoYkE2DJ2jcIl16\nF3iu86nq7BFQr8S3Ivxjxs7+e/aOY1JeALApG9mgMSMiIYPqH2Dlix9fsL5h\n6Nqy\r\n=N7a8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGR/3owPniiKJuLY3T2iTmAdeAKTuvg+QulF81FnL2BcAiBKLVMwxQpr/B694q5qHYd9PyUEz3+6sj0IXcVeuiA6zg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.7531cf97.0_1629998744116_0.3026624514194445"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3bab26b4.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.3bab26b4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1637f7d8d3b8a228e1a957d94d122d9a840a63d1","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1637f7d8d3b8a228e1a957d94d122d9a840a63d1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1637f7d8d3b8a228e1a957d94d122d9a840a63d1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1637f7d8d3b8a228e1a957d94d122d9a840a63d1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1637f7d8d3b8a228e1a957d94d122d9a840a63d1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-A92SqfI047nZRI2bzoASh1yXBTPx2KA/5/2+RJsz9IpV6NWNBBN1ultaNqi3rvw3lj8c/Kpz2GT07qnjmeFR2A==","shasum":"b8aba9d6ed0d78520bd0e46f4530dae60cac2e74","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.3bab26b4.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKAs6CRA9TVsSAnZWagAASxEQAJK//gDxgrfLhb/qQpXe\n2nZkt0+uo1tWMYwY4BwYEBFX2lGHKE2Cwz9S4rp9Go0zua6RetPdeJgUzSUo\ngwySaQIzmMZGT8jZXshhOhC7i4OV5jWiKGLMJ6f98NIuQuZD/JRn4932TYSw\nBUezwKeAHZOL+c5Iperir1uUj2D00RZhOvtWCfy7xT6kIVNwjkXv2UqXp4UO\nlJttZuLnL5NNvEb/l/AMiV0Kz614WWrBK1F4otkQJyGlvsKdeh53U6jMe9JK\nnu7p2h8QoKug3f0ajoBV1KNdPTzrvLDaBXN8TG0B8idHo0k0c2ym6IgOH+0f\nMTPKQS/jjFiU+fU+QS6/RFyfU3SDnfEId0Gcj3mh212amCEfIBoeE34VShe0\n3wtHMRagk3hOTfDIGIrNDgLDGeGQtumTxRv6pcz4oop5nyrhF0Smfe1Kn7Qa\nL9C7l0Lyd6KVmhJD++whmHjuLfq+uClnaC82F9wZwuwhbXzvAsGnqSo8eGdr\nMIp0GIV3DH/E13+0PAYLbQJcl2dVLPQ1n2WCjsuT1HPP/tBJ4K2oxNRRPOmb\n0Lji89qunp2LJvL18VkammoUtnZuDDUeMe3esD5VhZd2XbX99tCdJHK8/8nZ\nMLPnDz4MEqOHyv45HFGoO4Y3MqihYFyykjSrAJT6kdRhIwE6YaXCJH/eITAT\nQSQ7\r\n=bpoO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLB6SOQdMu6A+QeqxQzD98Oke71redz4Jnn0AlQ5Sq3AIhAO6z+F3S+7eFNqTwYouxDTrnOoVyR0W64JPpKgg/DjrD"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.3bab26b4.0_1630014265996_0.8382539952135872"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.fab48bee.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.fab48bee.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4c3b20e414501a7103cbb2397163d4ed1c7d041a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c3b20e414501a7103cbb2397163d4ed1c7d041a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c3b20e414501a7103cbb2397163d4ed1c7d041a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c3b20e414501a7103cbb2397163d4ed1c7d041a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4c3b20e414501a7103cbb2397163d4ed1c7d041a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-9+H7I04TWbGGnIOOixwq9PIg46C+YCE39T1gcV4AqvXZzKSqi8jyjzBTxA/YXX/HK/vIUiR+E5Z0Yu1PpvGUCg==","shasum":"b2813db89a7b408ee960b48976fb014aee58b92a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.fab48bee.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKBCVCRA9TVsSAnZWagAAOIQP/Asu+z/szUFfJds1YyCf\nfLR1oiKO+6TAdwzX04xzQhUcgxW9MG18RQZEey18hABcREdMjH/J7jrgz+/z\nPwFLGCJZWzbXPgWKJZwCib/XzSx3GKoyFHwXDsPuAfBdvcY5HIhUnYvN8Czp\nYsYASsSon9PjuuHHUdkK+73ST9gf/Z5Oj6M+VKBFx95qbww5fqDFBcbyeBi6\nKqJnElHwkkcjTh1vwbHN02y+8UFrzbcJFM8YErZWMjMYG8oxJGfPdsYeMzoW\n/6cnUG//svwARLY+i25Mxa322sFUxceDinUBKgsvbI8iAvvR87j3ecvp/JEe\n9GBJoNnk7ExnyNU43/NKG1ppM8/7BoRzSxrWHmh6vMuZKQ7GficMWr9WAsDc\nWMsQ1RYdNWpwKfkfoahtuIGcJlHR22JqUmQ/pdF6Qht86gegoMW3FRGiSPBD\niLq1kiPThOjtvDkNcTOjPniJq1sLvEQygQU8oZoHpMANwjMrwUJJ8ohq6AzN\ni2rJiC2E9oHgA2GMDPzA+xFdDZxPbFk7iBW0cRhFMP67vUM8ywO8VEUh5YdP\nsV7KOmHXzrcBqeXqkkSfkoxKW4NM7JfjGTeb2NOzH0ozUiTtE/iIzAKoo9nN\nZzBR+MAG3Oq7vL5dTTxwjCQEW7Ew3cAEiwagvdj7AWV3nu1B4ep1gwokhX90\nn9ZD\r\n=jXA5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDteq/+owyHsoayfmSNSu6q2MsmYuThlsD3D0hvMImiXQIhANk93Qg/ApEHTHkFfOx4CiFVprU5SUHH6YLdDSM/wzwN"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.fab48bee.0_1630015637532_0.35875581559019665"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.dec18df7.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.dec18df7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5fa2a5aa7531af47c2a307010d92ff5fd27006c4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fa2a5aa7531af47c2a307010d92ff5fd27006c4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fa2a5aa7531af47c2a307010d92ff5fd27006c4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fa2a5aa7531af47c2a307010d92ff5fd27006c4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5fa2a5aa7531af47c2a307010d92ff5fd27006c4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-JPtSW4pkGV8CSxvq0IpmKiFMqYxkXC5UXHOSek04dTAMqSwPVGBnTSSpp7vQ6Xu2n3R9vamc55j69i+QLRj73Q==","shasum":"61a89ae8ada1d3f73303617bb948bd25a89c24b6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.dec18df7.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLJanCRA9TVsSAnZWagAAaN0P/iKLBHDSMkLmkWxDnec1\nYd+6ERyleeNVaYcJwr8AWcCgzNjX4NN2UxRGgDIg+dSzURBdduFgq2Wl6dZC\n+LuZ5EM48OyZ66POGZxWzD+WiW6lxDTBgbYwWCrwg15Gn4wyiT/XrUaI9Wrz\ny0HYYXp8apg/vy5eWYcL+gL/dwymCUcNZsD1PosT6NpT7GpGbleMG0bJTNDD\nS14ruYnDgVvaZ1LYqnVUQCSxzhsuJcBDAZB2Vnz8ErVTZ8OaiDBb3zqvIVd1\n7YWD34GW+VNjmgXgq3gHk21vp3a0yZW2amoBeGHbFyI1HoE0wPcAe5HOjpew\npdnn60/CHnl2f1/lLE21sgH9axgqtrV2fqvb2Ud0VtU6Ri7VUbYq7usf2ddN\nk5FtkcUUKMs1Zd4X/na5YEP7b+idXsBzKLn/hnVbpfIyir7hI6OaxERpiFKE\nThG4j41t/CiXzSHVNlBXAVzmd+ulL+RYCBTo8vC8BxlANRdKzOB2AjopKyrh\nUcvHMPbl3P49avBRDCccNQ3RpKtJ0NPT7WQG+BDLcah+IRd0A7S/kQ5L4ufV\nx81oiwhruh4l7wj4e/nTJQlGjqYk6+uPJKXS7Al2pabHf2hQ+Ifrdw4eALpD\nOV7TZIAf7okwh+8AzagAGNZ/y2P0MegoASMrA8+h+O+z6dUwZIY5U8mhLO0T\nWJr7\r\n=Qww7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAxb/CFfBT/ECgqhHiezDWHeukSGbBJIjvU5WhP9kCD8AiAXKsB9cfuTfKAGURY3BACrlD26KqQYXSMgofyCRwr5Cw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.dec18df7.0_1630312102943_0.7272707824394113"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.61fe5b17.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.61fe5b17.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8d712401a1af774c1e4dfbf07ceadfd36aaeb5ff","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d712401a1af774c1e4dfbf07ceadfd36aaeb5ff/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d712401a1af774c1e4dfbf07ceadfd36aaeb5ff/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d712401a1af774c1e4dfbf07ceadfd36aaeb5ff/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8d712401a1af774c1e4dfbf07ceadfd36aaeb5ff/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-8HkMuxJnho98XgG7pzxsVdai8auK6jDNsAEcjEw0fXRrgNOIqgmgm9r/LSweYuHnsmeFhuQt7kTSVa2A4cTnyw==","shasum":"ec0c5c62bccd5b048f15b1de1ef49eb0dbd1384a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.61fe5b17.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLTFPCRA9TVsSAnZWagAASxkP/24G4fmzuPTecXSJNYjU\n2aZXeBaAdbXFMC8WjXLeElVCEalojyu4y7Dv17sZOq7zPwKVwZoaJfiRbclV\nNAoUe2Wfy0VZNsnhWgil2Hqg86XiwCzcRnLHDVQhQVwow7GoXW3u70OOs9td\n9dt+OEJO2gMankgFoldRKiuyXr1zx6hz3dqZ1GTW+91g9TlEuyqBOOmugkHE\nVLq3xwWVmaN3a5/OZh4AoP+iHUW4myKWOH+9nwtIzEHyKPI4OwtNi50Nwm9Z\ntRcbB2ybb9ntffxxDzirZ8dU9Nl7WT2mWq3/JcWeU5DhPBflHWVO8X6ahjpx\nt7LWbaFXSjhYJdzr5FuT6dfbVXQcIz74HWTI/csPs1/3vBuVy/ohnL+9eCFe\n9x4WLyfQd0urFVWXpvi4nITCaPQq46rispLPvOUtPLBjEVJ3jf/MsUIEVAAL\n6jv6vNhCrx/WmncxvyC9yNYePKUVct3as3C0T8HyodmxmowB2l2M7oVAHAKt\n9y2DwqDbMOOKkRGCYtN/839dv07mv+4bNICzOiL44iIziAxKNw8HYxo/T6gJ\nvrYvBSz1zOHDejiT8sGAJHGQB4FYB9Zt+NPvhPtuHRcohVibMyl3TebF7Ygm\nPT87IkoyISEl4MaXt/VjkJMGE/H8O7Vj15I09R7EwJbmyLeZnK2ZUu3J8e0W\nQhrJ\r\n=I238\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAeP70ali/VwvvzxreC63VRk2lp+uyseBMeRc16m5cxhAiB4Y3E4UHZsjn+yog7r8mm9vMU8d2R4y7theQJYxUXxeA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.61fe5b17.0_1630351695632_0.895438011239549"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a8c31f54.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.a8c31f54.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7c390fe40361133076f70c076acba4dce24e84bb","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c390fe40361133076f70c076acba4dce24e84bb/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c390fe40361133076f70c076acba4dce24e84bb/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c390fe40361133076f70c076acba4dce24e84bb/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7c390fe40361133076f70c076acba4dce24e84bb/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-oo8sdrdeqZo90IqMJb9DHN8UX5dD0I2oLaDoCxJp97TadWgme8ZBfpf0XwqpWlhoIYhuYO+hniIHjVyDg/yeWA==","shasum":"fd00f7a3e978d64e1b6a4fe38cdb4b1bcafe2fdf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.a8c31f54.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLUAKCRA9TVsSAnZWagAAHdsP/RSilNaOdYclVaGpADbg\nDgQKaAhrrIi+9xjOL4Qo8zKBAUk+Ang2XgKW29KgonPGdyJz/VuV7FCKp+KJ\nYjBk+DvZa0+TzRBRU2kfRrzUpgq11jzdqKIwlWZ/1GZ+Xlinkm3PZxXm8Zjo\nQfClOl/FYS1sH4+/pZfrEiQ3Ceo63HZOeHbcOlC7gZKtD12qaNBYYDVo3IFU\n2FWpsDBl4G5yfa18G7tugGo8o980Ls8Hzpxjl8ZbJIPo2J7HPUD/DKKFPFyI\ncxHf9F5yXwtdqMDUCRLx8cIskhws44qc9gpKtO4UH3lQnGDC6/0ZMKJ7C+Lu\nVNeC5iMb2h5vveLXdq7QT3wC7uezGUD7lZiuB9V9dcJt/MpL8Ihyes2vkv+u\nfuDug4b+/1PbgAORobLRO41DkvbCAjYgIWu4Pm24NR7vePoFBQIFvcg8E9Yp\nHveaKQJV5WonCw8pPymgUXeh6T+R9SZtr1XOhz0lQWYaB+MjXPxXrFNYMDsG\nZqbdWb4IaJ4s1uRQcPe7dv/hM542/m4OhFrSskQ3m+lXEPGK0h6J72g0cjPj\nG2TNV+VwKixBCeAPGcWMvwKplh8jUAKXiElrK63k8YQW0sTcUDZVNUeTNW0+\n92ZiZTRVYLPNqaIZa836vJ0/1G+x9lhZ77ejLwt7zgNnwJc2bql+9FffVYXW\n+rxG\r\n=2ZR0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGtQqfFCrSbgJidk6GlGZUrzoBc+a2F/0a+3rNmSyJE0AiBvHaHOSXGdIsFB1nKAnASRiNKm7AffN9gHHPmm1xtXhA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.a8c31f54.0_1630355466140_0.2853660618242291"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.a096dba8.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.a096dba8.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0979a05922649d16cee4c4ef15ed0c3c3e9670a6","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0979a05922649d16cee4c4ef15ed0c3c3e9670a6/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0979a05922649d16cee4c4ef15ed0c3c3e9670a6/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0979a05922649d16cee4c4ef15ed0c3c3e9670a6/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0979a05922649d16cee4c4ef15ed0c3c3e9670a6/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-81oFDUoFG7DS53E4l/YkxqmfKtfK19CBc4h+L2L7ROgZHdOsrh9YnGN9fxtNDN3nFeCwkh8NBX4FU8vILqRTlA==","shasum":"dd75af1c066c6e36652af7dd15d917d30de74c03","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.a096dba8.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLqqzCRA9TVsSAnZWagAAxJkP/iIF6QcjW+HhiKPAKdTd\nNr7y2lQm7Knsg45ot/i8xG6kut3QULkdwdi8LPApdcu6cOns88V4zTlOfMRV\nysecnn3OdGJjXpGR7Ads71rfc9uVdFHme7CjkxevMBGFqdFxqD1agvJurg86\nGDR1zegz/8ReaXikI+QcynoEeRyUwC0gpa+vn83npqXf1ZdkQhmgY3g9kHyM\nTDEWbIRFDw/pJ/iz8SzSXh5xrE9Puj1FVhMhiJfKaW5nIqu7POwSnnMXYBO9\neCP/NXYvLTm0KvLMmxOeu3ujDPGUUm8EDE+IkPDpWjhRgCsbTfj26FzAiedH\naXNK4rWV2bgpKbwys/fq4EeBIkkF29+agCdGYNJweOVDMZuU44oA/wFRGU0t\nQJIL8xAnytG7JUSucm22gqd4D1RmAefj1GIUs13Fy4U7QuBNe6uqFDP9DFQw\n/MgmQyF6Qbx0wb3lhmTrGOEcFFw4tDbOqYwrZzddwwEJqWgEx7oUt5t39Ylp\nEYC88RfzAGaBhR0qPKURF7H6uCeCCy35Ddw4JMjl9v1QyfRAoV5NA2RTwUQ2\nwyXT3dQ29gQ4V/sXMKd/Xlw8Vd/joO3P9Bh1X+NcgwQkgMXxqrlzyWSSLn19\nGqPgkuY3GLrUxVd61AeA5t4A7tqQkNR97NvOzvbppX5F6xZXAQD46IRd6V3V\nzjOd\r\n=CUJ8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAtPxs3xjeuD+jDAhhNCcH4AAtx31joeQA4JPKkkWf51AiEAoTWq+QT9W0+ASkZIFJOom/sUWIcxmbLsrsBxN8zBqls="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.a096dba8.0_1630448306933_0.044933542045656916"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.7ec04d47.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.7ec04d47.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cc39e72f38b02c8cad467741a3eb549b35590ddf","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc39e72f38b02c8cad467741a3eb549b35590ddf/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc39e72f38b02c8cad467741a3eb549b35590ddf/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc39e72f38b02c8cad467741a3eb549b35590ddf/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cc39e72f38b02c8cad467741a3eb549b35590ddf/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-k/QpNgHJaUazDi5XCJ5+Z+iDXc072KP02s5VgAvgHmjd3jjoHGYgV3eyZT+2CEfCjV0qllJPf6C8Oo/5ADWElA==","shasum":"adc39c438c51a59eab68259d8e0e1a0e98c369bb","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.7ec04d47.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMV1OCRA9TVsSAnZWagAARPwP/RVnVEwYACQ4UDYTyfYi\noWTnuNO2Xcf1HV+7JHNveTPmGAAHIw+za8xJymmK4w9eG8lpXM8NZGsOlvMK\nDEc29kqOliTXymP5I19EhgLHfxzqeTD+Z0TjwBm2/rbfZz5pCexG+OF4D4rl\nt3FkMN4AFxDtirLRIkrucb6S6G3d74RgtJxaXt77ydUg60QJ9YgKPp0txMCw\na0UN5gHh/nTg7zdMkUyAALJM5ZcPXiPhAjy6Es6LrtyyRnByaxV155O86l9R\nLNmXJQbRUB3fA0yy5/a/nTh2fL4kUUafUoYIJTn4B9CPLLb4G3S/EU4GthtL\nlemEOPH9xmgfY7T3zvv/WhskhiCPmVNRbYhlhpQHwKmdBXpBuKgk/T+XvBsK\n58k4hUwxaURO0nPtnMcnEaUA732B3qXR6W2vazgox6D0njn2HYzurExiJ/MY\n4ouRXIpJ8QKDF5wZTqWsjl7EYBMvZbelSV7bGXG689l/sjmXFzIje7NRfwea\niq6OYXw8YSf/8CARkGWp1Kdq79bKMq77rs/JzVQVl9z/WyUiMG9cKPURUmdz\nZBUxN4hdWjedmTyQ4m6cM1v98h1dU74s3v/9ufcTYC8PLTXWR1eqskwMnz+D\niaEDZsgUWYNavoIO/GL6QFIFZDKD/kjmh8STf5A9UHM469v5SIbyYH1gDydQ\ngNzc\r\n=4GdZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFQcbEpg50GSWbBLsvVJ5P7eZEXIPOrwqNC/X97QAUp0AiA43VynzEB2zIWMuQqEV9Xrze5+mIPbJijxqMNvcjyGLw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.7ec04d47.0_1630625102605_0.6382024310753089"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.d00b098d.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.d00b098d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"918e9dc10ef626db369abf76acaf3266d5437d5a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/918e9dc10ef626db369abf76acaf3266d5437d5a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/918e9dc10ef626db369abf76acaf3266d5437d5a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/918e9dc10ef626db369abf76acaf3266d5437d5a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/918e9dc10ef626db369abf76acaf3266d5437d5a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bIIW8p2Z80wSj85BU3G/ON4keqgVcdFOEskRLgBjhu7zsS4AttCAofy0z9J7GmskAXmVtdqfxwPD9GomOSJBtA==","shasum":"1ae8ce46fef6ca0b3c58400fdafaacff418fe544","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.d00b098d.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMpL5CRA9TVsSAnZWagAADKwP+QBBL9ZMpkpvFj8BYa0Y\npo25eNOA8nGgo4bCMwXBGYHeCsb+7HVT3btRhbbB/bBzR6JKHXZFyqPVBCiM\nevFPgc4shYAzcynVW7PJbYCCCFKak8V1EVlMdvtkT3SyM3HGK8dHFFdDbyWt\ntxroVGwNguORBrQNIlpAHNosaPgPk5mEKuGjohDFN77InSGpfaqImd7SWQp5\nVFjU5KtGLavhi5gloRO8Z7sBbF89CX63AjGho4kZdHCBkOiqDPT81HPLzbFj\nbVxbchMhyITHjyEOQjdSwiucmfinQEfxnSGHdhPTN1uIDex7y+7EMxkWd5x+\nMT1jeldjci86Qr7XvyGbn5Sxbl5gs07oP1L/cCMV+ZBBU0TCCi8TPGtaIF2Q\nGeEHXJBUSbEuKK9zIJ99SMw42Rx3lyMEEs4wYsU92fDPUyG2FmSOqn1Wgxre\nprHkI0+EdxlvQiNJjXjqUeOaOwDIsQOwLrkZY8Vovo4xwqVEQXcmvJLUkbbE\ng0gno57PIi5OQiCXcrEPFu4Lb61qYaZsXHrgC47i9ijOPORJGncmEq8pjGHk\nKGbvnuqcmw45Hr8qSy++BW5Fuj30YFrHlbhM5tH3FAxImtjHQVE+r3T/F3eQ\nB8VfoPGv0a6iX0EriDj1Rd0gMtn9ziDVYa8jySQFB9iNnIhZY6GU83EQkqbw\nGQXz\r\n=TRBg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHnlpYqrmgi/VszP4wkDSievCNDACU0567CqcVnXQGGUAiEAy6STZxTVwPfppFemmz604nIV2j84XLnB27A5bqMIq/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-circular-progress_0.23.0-canary.d00b098d.0_1630704377069_0.48779584791781083"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.f29b3352.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.f29b3352.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ec2a4fddd95f3099eadde4522a67d49cee8d1515","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec2a4fddd95f3099eadde4522a67d49cee8d1515/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec2a4fddd95f3099eadde4522a67d49cee8d1515/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec2a4fddd95f3099eadde4522a67d49cee8d1515/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ec2a4fddd95f3099eadde4522a67d49cee8d1515/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-qWZ2h5T+qQGdVSPX2SPZTlThHfdu3QM6hKequQcJ/GumXUDq0uG1yuUOTrsEhq0Jrz6AtnfF6VXPsGXgRQ+uEw==","shasum":"eeabb8f959e8eb53c545690d080ebfe743c6bbf2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.f29b3352.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN6xKCRA9TVsSAnZWagAAYbcP/2Emtq9vElh5dmp2U0k9\n/b0bNFgNnPuBvzlkQ0NitmsoJxb+HgLcK2OhUaVohXq/OS6SYhEQyXbp3htG\ne7ayGI+oT+FhOnxKggS11pTUabn64yKi84sfuWCx1f23Z3rDdWze6cEmzZa9\nD4F5vtvoFDUPTn2X8CZT28V7wvCOj55l6whqHHs7iUaMNOwXSgUWeac30six\n50BJQP0gtmDlB53T3F16VcWoP76ihCXc1SPRcMe8IkiTfXQuoNnUlHqNmO2n\nmrXmv6GktSNzxnTMO4zypETOwsIeXAwCm2AIgJZuZSs03tFVhv5nCaNnOZep\n2YJijbgvmm6v/RBNZt2sReKUxXW+GqpjkWzJNJlMdWii9RzfKSt3aPQqgn7C\n7uxvNIlkfWDRd9fVl5UGKdfZOsvxoMynnpyc+J8L8YT+OZZeJbxzoYgZRnNM\ndESK6gJjlhYz8+hrUdwPN0qijAUdxJwLEF2cCevThj59XfP9rhiUeqHu+go8\nLoiEXkr9yhw7ioQBmMSAu6tMNqydSenDSdOHhtzDhIvYW1ZHKti8yBu277ps\nH4GMfnMmRvqAFDN4cnCsU/i9BtIuy+LFgOHyC4LoszYhpTEWMEWJnnsdWEYR\npvhGgh7Tjkrg6cg0RO2/3P+2GNDz7Qt23v3ulv6BaJ/ALB1DMQsA8Bczc9T7\n9gxm\r\n=GJAf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+9TKhqP3118p3+aMWAD825YDnM7avYzZjT3x3NSUo7AiEAzSt5HjiRxAhwiPnIIjwK40DoPUclvQUXwgSU4ApFu/8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.f29b3352.0_1631038538342_0.184469366835474"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.4962a163.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.4962a163.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4bf68ec0db23b3011a5a8c0777452925411e8552","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4bf68ec0db23b3011a5a8c0777452925411e8552/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4bf68ec0db23b3011a5a8c0777452925411e8552/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4bf68ec0db23b3011a5a8c0777452925411e8552/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4bf68ec0db23b3011a5a8c0777452925411e8552/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-VlvIe04wVmTABAFqEe3pyB9mDYo/BanPD1I/i6HO1ZwpkeVdaKK6kN+HLanfMg5/NkO0AuVZuhGTI1qVOdnUzg==","shasum":"5327be08fa5eacac73b25e6a8bc5e81dbab60b10","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.4962a163.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN/tYCRA9TVsSAnZWagAAZc0P/2aaXAGtdET5Y+82nRn3\noG0i6zny+ioPAPFZ+vss5Bxxa82NjFsriUUw/dtL4MiWTPdzscMobXleKmIM\nyFWM4BYesNr3SgYCXBiMGXm+PixhNdtf4QyNDUYbisuGvB93csyD8rjFejfY\nROrBRJi0TVff5P9USh3McBqBaqeDO1YRejbrenpsGexHYrtWEeM56wdJmQRN\nBkcHu4yt+Hefyd3vC41Unp2yUc88Q5+UdX+Z+yOO47vd6U6f88TAk2gG5U3y\nzXWoc7701Jkc1E6Y16d5cVSezQWxpjbzGpEvGRjvZgheoA7DaQQC2f+dfasF\nPi2ihaXYL4GgAdU/88YJ3gIYQLhH3NfVaHFDLMNIQlkA8CgP2aORRQDGQP+U\nhoIQoAinM9g6ASgdglmCcyCVdNplAtugSevgIfZy8YspbP9xuvDjO00zOoUp\nh4wHIBrOde6+L2rZjPIeNWiq4Rg++v6j4NBbOOp28F0OgjzrdUUoqE6QzZZE\nNPZh2rJh+ZFrKz85dpfPDanaDeW85U0X2o4jHCztrLWd3HbMyTEL+WmaPYuQ\n1NiSH7kgvzWCyBbtvFjE0XonFjhO/ukcqvmYs4IODHCb8jzwg2BN1CvP92a/\ntdiPRGQHujC5Hf+DzsNlUCFvQqdb953+BW3I3IwbgZWOT+4eQH/LkR1h0+gQ\nUG6o\r\n=l5V3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUWAM5lm2SBCcSa1PewQWAOCxERgS21+vrXup/24N36AIhANv/cnKb9cFzPqcIcX+gZfZZVEqoFMrZp4Eb4guA9O2d"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.4962a163.0_1631058776556_0.7388907779348555"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.33102bf4.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.33102bf4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6445a1dc819d694a36e630269c7d407b8f021e98","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6445a1dc819d694a36e630269c7d407b8f021e98/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6445a1dc819d694a36e630269c7d407b8f021e98/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6445a1dc819d694a36e630269c7d407b8f021e98/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6445a1dc819d694a36e630269c7d407b8f021e98/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-NirYWXw5HGeF0s0c5Sq1PHQeE/H6yzUfhHBJksHwunVRAqT8oHNR04Hz8KKC/3CvQ8MJBekX4izwJXHESpHS0g==","shasum":"749d74b9daa15a8de39ef95643b594523e358b9c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.33102bf4.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOAAPCRA9TVsSAnZWagAA7A4P/iEzrhBnladeIsTuYR/5\n7EjaylP1nT8kfcK7WbiQ/siqG/EjQlu9Vf1+uFel+6fgbrnF7owzNRxZFrqo\nYctndrdQq8SiIDDd7WlRsAFAkEiQmtZiFy/H9XOTQneCqJODmo88HGJ6hd6p\nAHAdyrnQnjjmIu5h1M0Bh1W/akxDswmeKKHmjGMOTWp0XRiYZ8ri7k5MotQ6\nijYu7J4xMORyL0Z/jklMPFITHX1i9wJ7k9IZ4QXRvwDMyYMJ//vdgdVwIdII\nN+e4SzhkyUf44hGZ0ezAu1jyyZeTP2452XE33NjIwZ027hgn6eVTqUBxwazb\ndFcfnshBsmlr0GTIc6YFSkNfHmpt3Q3CV8wqLnsW2jDbhVPZ2955y3CKb6Pm\ns3OypCc9KQAG6JpOFYbkMMHXrBHTLAoYAX89EzUxYOPTlUGODjXpSJR3TGw2\nUYFr400ZgQB7H3odFpZ1wGqc4mwp8PDJMiaYi+StMcJJaq95vB5UhPF/kCMk\nLbQKkYRyysdKqk26Wc9xp6diBH3lrKjpFQ5GeHOA75jvdJVTpIW+3+qUIrti\nz7Wlkx5lHCAnWM4LsjfFpJ8ock1O4yhakCqNOUHIJdlzGHqD28zmD3uB67y+\njGcL0R1ney1p5Pj3zvkTOK00u0VFIZ4kwWShYw+Rk+rxPq61kekhtHJh3QtV\noa76\r\n=nH9k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBNLInSuQFZ1LMFMdShcOrHysMbe7h+sEIVWnwIitHPuAiBYLqwBxuWzHx6eM9cxi77f6hIF6bb0Eu1PFDPGDqUd2w=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.33102bf4.0_1631059983654_0.7960269844768646"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.76c68381.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.76c68381.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"66455113b9aece74b59241859cfad64d4519568d","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66455113b9aece74b59241859cfad64d4519568d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66455113b9aece74b59241859cfad64d4519568d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66455113b9aece74b59241859cfad64d4519568d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/66455113b9aece74b59241859cfad64d4519568d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ceoAg30+0gGtsKJL+mdDVVYGK8w7ZqF7PDtMBgBOpA95ON3L4BK4IIBhyNuNlepraJPzapMfGbxhqNSyDnxBqQ==","shasum":"d9c9c0bdd7cbe79a062c6568cd1775468d2be98f","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.76c68381.0.tgz","fileCount":16,"unpackedSize":47768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhORleCRA9TVsSAnZWagAAWfgP/20xuYLu3h/ew2FyGzHR\n8QOYJ0bcfetrM92vDQ1GBe7W8RmSo71LlWCBeUI7ey2PD16J3bzjEzvUFxam\n09tbd3nIg/CCZR76ggv7ILSUC55zRJ6r6hsFwmOIz0hru8/a6WiJQWrz8RgZ\nm0hUNtuo9PogkukYxdHPLuoJbJ90p4cZOz7CbvgJgQIod8H+TsX2rEuyTiIB\n/wUj2QDTJ8nb2XudhTg2RfJTJRhmCdfwPpLxMYEAOk4s0+F9P/ya+bz/oDC5\nMJu/DRSvyEr6f5I91gGzpCwtupvR/JA1T5Mx7Wq/T/V8JcecDtcrHTSxZZax\n/ebE0GAYZrWn1wMZAzOQY55ic/yIMbpItDeB7Uc+2u5U02SzC1nOaBoryikD\no8D+XXirI1g5UDqhfD1+Ktmmth0MYRcmL6eDzTnu7wfYQkfjDyaTUnHXd21w\nJ83Tfdouuq3F/JfWkt6+K6u6rUfC4UKhQ8UvffeWeB0eAaS0/mCJuQNZ9Keu\n3sUDTRKM65vB/ayOYCgFXyp4GRqWoPh1vuOamA1CuIevUPVbjbCMekWo8kwu\niNvHkRoe03DzhJwMjT0TIbyrwtYydtfNgKksMwzFz6S8xIJaALRswtCMcpUF\n3qk3B2bDVyba4g4EijxUs9wHS4eV+ZGpQXcJS4OEvkl/SfrBtzDIfbXBBUdP\ngepW\r\n=qXkq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG9v7c66kO8UsITZiHIvmJZN2K4JkicDAX0jfla4gMB6AiBV3Kh4JN0gtNoC3AQK/1oUJEHRZgH1JOL/eAXGOeStIw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.76c68381.0_1631131998517_0.257898170410904"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.17d51f76.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.17d51f76.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"eac5c1fc9472a1c28736c4d8e0d423e195fe5723","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eac5c1fc9472a1c28736c4d8e0d423e195fe5723/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eac5c1fc9472a1c28736c4d8e0d423e195fe5723/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eac5c1fc9472a1c28736c4d8e0d423e195fe5723/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/eac5c1fc9472a1c28736c4d8e0d423e195fe5723/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bXpj66qjyjps2HLpTONiSoU5MlmszWvBMtb4X8klk7gfh88IucewsOKkDQpR9pvbfe9HQvBn9KiCAcu4NS0nuw==","shasum":"8992c6bb7f794ec8a29dbfeb9b96e761f28ddacf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.17d51f76.0.tgz","fileCount":16,"unpackedSize":47767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOUaCCRA9TVsSAnZWagAAEEEP/1GLU1bmHp72OkmQF0YY\n9h4lXQGfgVqbu4DxeF6eFHIPM3KObzmCPRvWcgb1vAG+xud7bqSUDDPBTsMC\n7nsUhx64jNrcF7zsrCI9NUU/mEKKkMKjg+GOo45rdiAdyQ4lsaKeYdfJPwrn\nR4l29dPOLthvJEua8XQs5kttG6XGAI0nKDkodpctx5s5/7HUeHGxghbfJM7L\nEZvSrxRB6cqP0R2hecdAyl+iakI1LHyd3+5W3tWfjwvn86+bkkFo1qaOWvoV\nZvXWVfQd691vVA794aqxwoJZRLfqS/8jcfBQ+TNQ9ia1VWDxXGVzS5bN6t4b\nnmW6NgjqkmFCrQZFSAkQ3ov+OJztXeOJYykJSmJj80T9hRz+no4BpCNVronx\nOPhJaT4bfX8omVIxUu7kkCMIDT9WAR3dau/rzRwk5Vghjhd48LsO3YTBdULU\n3y/KCIrDoDSWuDer7QYTTxnEs6e5yk8U5IRyLhVhlMz2v94CuUcZ40tGUZNU\n8lJmVKv+eQ2Ltj4R6iBhxxzKUY95V8iEHsur6EaqlbWHE9IWZsZcKbUErwCU\nbdvJyQ/DctXmHRAWY1V6/9ZBES+TqEOf0QjcR35rjVEahiqDsIGbQYbSzKJZ\nxvZpsl44BvQMC0JtXjO07eBJ+qR9LhIPUmFnPDRY0OE5jbBQBT3yqZL1kX3j\nMsUq\r\n=x07M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGkDa4OMnvICkIASwQxnmT/VyU6r9dBxrtl5wKBlQXfWAiAGcFHvUQup9sMSfLDxL9o3JRPoj9IuwoyLbZ7sn0N3SQ=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.17d51f76.0_1631143554620_0.561209650589422"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.3fae6c2d.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.3fae6c2d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5647a60f5efcc7d6235a12c1bcf6c703db6d00a1","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5647a60f5efcc7d6235a12c1bcf6c703db6d00a1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5647a60f5efcc7d6235a12c1bcf6c703db6d00a1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5647a60f5efcc7d6235a12c1bcf6c703db6d00a1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5647a60f5efcc7d6235a12c1bcf6c703db6d00a1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-8mr7afs1eA/Mb/nxy6tKjDZfnSOfQWwYJmHvm7mJV5ElPCL6KjWcGpC4aILNU2kluWIZqjLmzxBRp14e3/Jj8w==","shasum":"c981ff2093bc7e7400d13cb92a2c9be2ea72bdba","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.3fae6c2d.0.tgz","fileCount":16,"unpackedSize":47767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO6S6CRA9TVsSAnZWagAArNAP/2VM/jrfUjzuSkeemxTv\nROTHn4stzir5Sk5tKkQ+BH2SAaEQzmVEiBEuzfHj6e0DRv0mAX0ik95oOe33\nYDX6/41vnI3fCW0mf/60/m9fDsiLnVtyqOC7EChi+FuA6d2Et3adGQkF7Zj+\nBi3amolGjNeP25UKZlCupTROd+OwUmD3lSETQQ5EMolECwh1K1DWK0Sydtvn\nAfWDAE1jyHo6qKAnRVfww87Xt86VybrdRofaZdPqSLyDlKUN78qNrzJAeCrG\nJFCNPxWcC4wSfbxQYU3i2GaYqtS6dD6i+KJ6m6/9qls2B/M9C9OTypdYYg42\na2TI+wwTNNrHltz2kFeb/Ke0QpSlOIOGBs8TqmMxrUREjg5gV/rags4IR971\nV9hMGq/o4czNv1BiY12Rt4ebookuLzoGAJSOM9UwntaAlmxX+t+HTnRcbWpE\n9TCN0rlfRN1zJF5hX2kg4m3PVyzvcelGRzDKluBYWdgyca6/jGs9f8aQ+f8g\n+IFwPWLmZcVuivU/7Oni1jF25HAJ8VjX5O/cq5ApRz5q3n1FTOq4GEOyX86M\nIzaJjCZmcdgiP8rMT/PcfF06wCiYt1iix5b6xV1N47y4gzjaRhdzrP3hW4FF\nFsMbs4xqfBHcMTkNLfNg89PxFuLiDHCSSw/HKbMIIYaKwLAK8RPAKdZdc+T4\n1iTQ\r\n=jsOo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCN+SQvrIwgaoEjrmq2zs4LcWhMzZNuRbU0wOi5ps74AgIgG78EpUtl++63RduP6xwOUEOVFTV2PmAS4iiRWAoTTvo="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.3fae6c2d.0_1631298746516_0.7274918101810981"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.f1958c4b.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.f1958c4b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"e5f5a818f48eaa5a69419b7c2ef2439b4d7fc5be","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5f5a818f48eaa5a69419b7c2ef2439b4d7fc5be/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5f5a818f48eaa5a69419b7c2ef2439b4d7fc5be/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5f5a818f48eaa5a69419b7c2ef2439b4d7fc5be/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/e5f5a818f48eaa5a69419b7c2ef2439b4d7fc5be/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-eBFMxXE7f8JcwKLS/q1pFyVbEXUKp9np4lXM3s7SKSGQ7kgifagRBv8A0oxR5dQ3WmNCi6oee85D55vMXhZOgw==","shasum":"6712466c18442b8e6e17dbf1c6c3351a8b968407","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.f1958c4b.0.tgz","fileCount":16,"unpackedSize":47767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP6RtCRA9TVsSAnZWagAAzLUP/RPVvYr6eAcW3oG9jekO\n1d1hlXv/n8pgy/svjaUVMhg32dcP66MsXn5DpSHN2ho4ZofVWEi5DioNx9K0\nQPMfN4t0Y1D6NkSPDeUvMpKGepBH0sKiiLH8Z9Kfbxi9colZw/Od6UWSAlkL\nDT2hIo4DdJ0m3cAQDfgBvKjTFLcgsWHw5oDSVmrHaWvF8HUyM0JCX319XWvA\nD0iXQ067g6dkEKDjvpzuBC+eIVFqqzgweRKNe1UtbacMwGhf3XxhGKvWNA2s\nZsqY+qxnR/MtNxeA9ie6QRnNXjGBi3oyhZp2BJ/MlFGD9fjG1CecI1O+Dmv3\nrw80gMBI1M7Zt/MdDhxH9XwUhvjey2YZUPZHSt5qOYH6RLlIzD/hSa9+/4oI\nwketTbY5PQ4uPqJApNEu+W52DcofGh/6kCPjXfCqw0Kg7x/+HleRG8dQjLpr\n1UkTnR+7iGzZFEPgqKE7lexTv3zlt6WIGjlns966qqlpjPt1tQe086oQs1R1\nmDKoyv13tSE/HmDCs4PPZwRDo2fPuw/G6byYV0qFI4K0uKMRrXgn2FFxJvLp\nhcjrzEDbJNdjryZc0g82XIbZYQlTlknWXq4fEzRdWx+s8GmRlVpgMj+cM0gP\nhWS70Glt4jHHb95KT8lGdOrah6y+DGUD36vnCi1gCtE3fp6TgRaljen4IJ2n\nfWKW\r\n=O5CG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGKuNZ9QHXQ24PaXOWAkKkzVzECHUNQ3BVcVyUA+puiZAiAdVdLOifo2PA042IyaBy1w7xS/dHaoflx2Z3S+zASAtw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.f1958c4b.0_1631560813099_0.900336341917529"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0-canary.78abbd59.0":{"name":"@material/mwc-circular-progress","version":"0.23.0-canary.78abbd59.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"638a51a3b3f96617a9be7f61f87afebe78d24a23","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/638a51a3b3f96617a9be7f61f87afebe78d24a23/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/638a51a3b3f96617a9be7f61f87afebe78d24a23/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/638a51a3b3f96617a9be7f61f87afebe78d24a23/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/638a51a3b3f96617a9be7f61f87afebe78d24a23/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DIZLmKc1VE/KQ0IjNGUBxB41fioHVRavEOjjbE6zITXavfpga6OWgiRidHqwNcdWdInVcagttXrOo23oi9pDxw==","shasum":"e5e6220cdcdd8929e7f4ec5447d61dcebf158152","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0-canary.78abbd59.0.tgz","fileCount":16,"unpackedSize":47767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP8HdCRA9TVsSAnZWagAAYEIP/R0+OQodKcbX2u5oTbr/\nxnG+l7gk+Bp8o3sOjVle5e5UkSfi2Ah7CXMnqCIE7VuifyM9e2wHWhYytes2\nnlxnaIwpb2KhYXWBfeGwDEFv/8oXI0HlH9pUGyXlKpvNXMiYZuzAKZ0GqcZa\n5dREoQvLkJ6LI1t431EjwAVQp3IZRTdzgZBJcakh01TLwHy7Jv2+fJuAhmyJ\n3JgFqnkAj1wkjr8Zskv3umVEgzJZPrKnX7z/VLpTIfRVO87ehc0UtwdzYbIb\nRzULNEm6I4tBsPUCT7157tEI8Kn6FU96SsBAS3vtPZn5ih/rk7EyOHxmOvpj\nXHrdceYbjyFiIXKUzXlltiG5DKqDnevdZmjwmr2Zn9B/dyyleJeqidsNV9eD\nzOlS1q/oDzHwfE6u/UflFLRsFnfUjscCS8xjnlte1UNn/pTG3ASH1Uykm85U\nwzHU1LcOfStHtAWgDZUCv75r8OxvlfK8uROBm3Diqhw6TuMkIY746sA39+Rc\nhqihEk8aTuP/cuteTNwLNDq6Mb+6SJGkrgDGVtI+AjCHKz97V9225ULpR2aP\nFqFwstPZCJSpOw+ZA5Gf8PLGNALoKnyexqdQLDoimOO/uOTDXkVM92pY0p2X\nUiznZlKzdI+TfrQ337DHRtr5keN6xuNiVmsWY0ljWktqICe5y62Rus3X3v9b\nf4L1\r\n=UgB3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFRguoAN2lIYu9VOPl2ZFnxO+YMF30ftiW1l+NhfmT74AiEA4bQMkNkbF6H64TotojQXnwLzqhvjTYKN2GEBxy6p2S0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.23.0-canary.78abbd59.0_1631568348970_0.03399092677863136"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.23.0":{"name":"@material/mwc-circular-progress","version":"0.23.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.23.0","_nodeVersion":"15.10.0","_npmVersion":"lerna/3.22.1/node@v15.10.0+x64 (darwin)","dist":{"integrity":"sha512-sNLBhY2tupMN+eqF8y5nRpOmv9l0sT1OWImFQkjj+8Gx4uMFWcGdvEG8GHZUbjMheml2uXvHgF1YeSVh1SWQ3A==","shasum":"9197fb15da69d056336f883c730d6a445ea75da9","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.23.0.tgz","fileCount":19,"unpackedSize":59424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP8QsCRA9TVsSAnZWagAAC9YP/1DRzQY5vGIgSo7Nc+Dz\nT0qrRY/+0e7LcwfYZJl3fsOBZuDQrd8cTCh0cfKaZ34GIGPeu9IrdMqjUiwL\nojJgDZUGDpiQcsLkE+OqRTRsc3txpzrJnSCTcDuPjHlK7qcgygTVyQTSQFgR\nxJRy6jHNQonHcTUs0k0riEfmCuLtAs/3i1/t+3JvKtZ8ICSp7r5xzQlwcMoF\n5tzKrMj6aVY9XzBZoBvBbBcCj7PcJXqSi078mIGnIJVw5J5W2tx+ojumckeI\nA4davfq3k2gZv1IYbrndssfDGcMJe6fCcrhox7GsQxuWU9rhxjDbecm0CAqg\nCmzSBcjge3NZOe7kN6jFiFUSDiwY5FkMPzDVGuhjHQpFxL/XuQo+STzsfSUG\nynnCcCFrGngQl4y0DLyolApIc/GDkcLSqVCgcOnAnTNzxj75gB64kCMQAwoq\npSn+RgmYC/dSTJb+X8UdGrIwIpYgd2u7J/7DNDs/+0BdxWmPhidL0GcqdxDp\nKivI/zXfIBwyD0bziw0gxjoIisQGyTPLSW8Aev1/QJzR8QbCfQOkmAI/mk+w\n0OsmTtkLqDQRzlJWegRNL6Mq721/r+latfrds6atBYspd896FhhTMim8n36L\n2o/P2zLGdqe7GizSaLTTy/4n+/yJ5Zta5Davq3X2kAikElNYBXt6WDQSzmQ2\nzXLi\r\n=y+4E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDa6cgIu20OSDDxy06ZzqngPszweKxsQ94poOJMwlu+PQIgKj+aMMD7hjYxlv4aA8XfZ3mmppO6agQ8XjS/LK9f2wE="}]},"_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-circular-progress_0.23.0_1631568940387_0.4757398542841811"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.9830d665.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.9830d665.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"964716e9985c1d08cbf280a6c7a4093be800c67d","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/964716e9985c1d08cbf280a6c7a4093be800c67d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ci9bgqOUJgNYPWgtc/mLeg6/yPBm+JYrtspgwZz1duDLnPmKkeK9xaI3GLUURFv94Y4uO0JdqHl9DhO+CSpeng==","shasum":"3d7aec823ea858423a19ad55b39cf98f79748f5a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.9830d665.0.tgz","fileCount":16,"unpackedSize":47767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP8RoCRA9TVsSAnZWagAAvGYQAKKcZ8muokTRMC6Ju7Wv\n+L40Fdt44HD1dI2Rp5zpvSwoyBmWSyl1sBM8WK9cT2pOg3wJmTCp69hzCtJs\nhSQVWfURw/n1thpt9tda152iFXMFprRBWMyGzQgUT1Xel2f5vwGe24jbFxkQ\nvuq8JqBMUe2VbXw0p442BEqsfBDPb9WG6dwWjCcdGnHsTzQxDcupUL3i9oVn\nkF9ulCg6YpHwtehHYV6ZNmevFf7Zgl3L1QyoZUw5yINS1ez1ZgW7pmuoj7ay\nBhOiHijDcwxaHc7GKZFmVS2CSpkZd2jz2l7yAU5yCj0azZyxcaFYG0x6e1Mp\nOpo9v2gDBNsv4E293J9sYomOFLEKYA9pQMcXMisI3M18TtLx5A25clR5yFi2\nCZRoAE0it7MZaK3ia1/YW6aS0xrND2TTpJMNDVyofDGntElHK/f88GsiVpcM\nVnvwA37HDmm5r7FP6lXsJEH0GvLz6WWNg2HlrrYZZjAtWWWxJfkUfF82SNFx\nOUkux21F1hYhLATyX+qU8ZPXGGQll0z/jsruKphcdYWd5D07MQaB6Ku078T9\ndsFfLw6WKzzAtJmgj2WS+zCV4026iwtGkUsR5ptrck5zO+zHdFBiuZBTPIq6\nxvg+1JHnmdBz5oeMHTXxWoTJYNIPt5XBeth9IP8vH7QNiJhZfU+F31IxYyRZ\n+ND4\r\n=qY6f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFTDKIwCwMFjhqI3FVBPPzp9CXMTHGp4hEGuWGmANzLLAiAbyHWgMJby2JWRX/kfZPzyQehWe7g47JUJ0g5V6Bj7Jw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.9830d665.0_1631568999997_0.7878897315538262"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.20e2081c.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.20e2081c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"4912005504dcbf47a4f5fee3ef7d4b37cfb48606","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4912005504dcbf47a4f5fee3ef7d4b37cfb48606/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4912005504dcbf47a4f5fee3ef7d4b37cfb48606/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4912005504dcbf47a4f5fee3ef7d4b37cfb48606/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/4912005504dcbf47a4f5fee3ef7d4b37cfb48606/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-KEI/J93lK3pPsptWbyp4a07LyDNthikp3sNDhQDwrtNl6OUxz1aulO0Tzvm160WQJOsHGqG0C2uKzVnd5hfQTQ==","shasum":"3fe6cdb25326c3ee15a9c781620fa862881740ee","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.20e2081c.0.tgz","fileCount":16,"unpackedSize":47775,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP99eCRA9TVsSAnZWagAAxCsQAKDel6B4vm+9ierjqyNE\ndEA4dS411RT31g/b2WkO5aKyMKZxLVsjnQZZ/kOuLnSX/C0EJPAEQ+TUW9E2\nUenT13RniF/ZvUPisUCmg6PXFGScg+BH48anJwo8jsuNP27fytUzpgJvLI1h\nbNktAdYk4gyKYZrLR0903fY+t9ZufhhccEVs3l10cRlKVpzepWZBHRH2Di5Q\n8Zzzq1oTfj/fxzb5WbaTwFCCTmH1XB8SSADnmbwVQvSkBG5Y1Kaus5/pal7P\n015SjpY+PGmusxkR0lY81GE0irslGIwD5xcTBsJC8WEBH0W9ETIKqEmGXv0q\ncQYjzCiD5+Dg9w/Hum0tCEuofolHmrLgqUVRBpxPsl8oPltlvsxpUpu6kubW\nuh3kLxuj++dw6nMmyL1fIUu3Nqmih3EF7ZLr0olr1Wf5v6O1Yk21/yODGoar\nL0aDFZ8vVYZOMhAN6/eOAw/f31ZZLAIctHYSkKhL5EGW4oLvZy2Rm0N69suc\nRqDv9dGphPU7G5J1ylMD7cvpd/5PEKIwYfCxis8Vo13YSC/SR3GSGDxB3efc\nYmjw9GeJwsMT5tIcu7UbwS+tuLbstZtOXMS1/pVnlvlpO0bK/9Evh06PmdAp\n+XlW0ZznstOtWjYRxhzido/tySnHMbmfxz7/9GpJzNNTuZw5KoRJmULnNOif\n9vVf\r\n=VJM0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC532471zzH6meIvX44u/cirhnh16Tj2Ix5bXKXi0AO9QIhAMoULrLNe2Dmlaz73YdyH/QC33CnPLT0YbXK+Ht9PGQz"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.20e2081c.0_1631575902488_0.630317805630465"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.583613a9.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.583613a9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6362ae780108c56957ae78e7b17d5a13a17b286a","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6362ae780108c56957ae78e7b17d5a13a17b286a/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6362ae780108c56957ae78e7b17d5a13a17b286a/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6362ae780108c56957ae78e7b17d5a13a17b286a/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6362ae780108c56957ae78e7b17d5a13a17b286a/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-pMXpEfot9Zk8EBK3ODH4zp5gCFxfsSXBlADCs9qIjZ/zfzr8CRq52orpFs42yQvgQl/nhHu7FSXWvgk1Anc8Qw==","shasum":"a3dd5ba8d30ff5bf7c855ddc0d03ed3532f74d05","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.583613a9.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQNPWCRA9TVsSAnZWagAAuEAP/2SUlTsCijNnhIKiMDdr\n1cm0zGR/JjL9kDQH6TyNtJyjtSvwV5mRWiRldWN3Xb6ePbKtygsBgqz3ifo+\nhv9cW7uxBle2qKg51KNbPP+1elSQmEHK3ee7X4YoYsRkDR38SaaBadCPoNW8\no6eRz1vNboiqYLKB9e3VeWoJX22Y6Rz39hSGydQIZ8AJVCFMX84yPzxwNZSp\nlooo9ve8zCD+cD+G5yRnobswwD6VwpFTfPcAGZmIZ17bfH1FfJtGUt7R1opw\noKh6KMgQ+dM8cn2ezZDuVYsvAsrTTMnvylmX4fiQyM+8sEsaKgGnw9CSmeUo\ncNVo62+VI7rcvkl3vsXqc2+PnEiUuiB15F8mV2nZkFSAS0WmyWE9w6tzofnL\nC8Bzjk3fW5e3SGJgyN22ikJJWjMmKzm8M/nADtmhDoiJ6JkvHKZdzj4xpM5a\nhYMUH/eshV1hWXpAp/OgJMIfUzevGwbNyfa84AB6sDtICHsMyyk8ugMd9KA2\nymvKPCDTTWsLuHaHMoiq3D60jO09VcC+zGjJYTdK74dNqAGA09lQd13TVuB4\nZJbae+a02YxI5/dMQIsImOcz/oQpBE1FSHbnRj3gAfy1bDsEZLUr1rSp8T3V\n5XgXtjKk6Y9HzCxmVClrBAG0ofFnP9El2NgbqHtzfCXsp45uryzpa/XKIO6E\nauhO\r\n=gBlK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDVbMn8XPBld2IaUp9q5SXjTF5IgVwmQSoAzzCehZDLNAiEAu3ftweHth35hZuyi9+CyvhTIRZtBeA8k4j1Kp1ylo5U="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.583613a9.0_1631638486121_0.7325762426781517"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.0e1bd56f.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.0e1bd56f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0ac1a8621875726916642015e273dc177d29abc9","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ac1a8621875726916642015e273dc177d29abc9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ac1a8621875726916642015e273dc177d29abc9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ac1a8621875726916642015e273dc177d29abc9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0ac1a8621875726916642015e273dc177d29abc9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-7c2YOtRbrGjLKo4zaiArxaiD6z6Zq+BroV7cty/axpgUdSbGNhgWh1qEWbMVciyEF+kkwtsHhwWYG2bxa/YOZw==","shasum":"35d80728babd0be08d134882861c9d4455705015","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.0e1bd56f.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQNyACRA9TVsSAnZWagAAQEIP/AvtaSzUOzryiIQAjdJR\nmgw6/ZENSJqDRLBQfTqpylCmZyTE+qujF/bSkqa8+z9xA/9Gj5OpJRfZRtP3\ntFk2WqGXw4kSM63Hx3ua3OcEvq/BMPCYR8ntANSxz55iHDDyDUO1MArpzIx3\nBQ+M7PQAfRe64NIFWc0Al3G6lk02E13wdhSJTd4R68Tvvw9PKT5jl4VjkeWw\nR4zD9XuwOqBPDb7E0Iohyj8uTNR/aztkw7n25x8+RdI6GtStH3A+dQN3lZ42\nF7Kh5lxDSdQTNer500BSsxgqXolL5pE/OD1o+Bd898KCOc/nkddM7/W+kk2J\nAGVi4F36svS7O285PGdZRLotn7ETKAYRR+Q41vMWcjd3CMIyw57QP4Kg7eeo\n1gCyWe4NHyK4u0XxpfIUkw9Es/+e7KD7nsgDjx3tWXky6vaFlqXaDPV4RKST\n1btKhLC6zeXIr27Iwky7j6mtnhZPnpuqDcGCkKYNVrLaKaexx96ssWrobimn\nJeMU6rWiLQmlNKeZrIESwOtsc4Qi9uJoAkN3xDnHLParMOouLUGgOXjKKiSh\nK86pzWrnqj8raeoHHpRt9WbJ8E7yHP+ok8xVLebDN4B7lREr7KKhzwsQJdHi\nreh/ww+HFMJZcNTzCJXpRG+CqqvnKHZJ/UXeQwYB0MQE3xBTIY4AFiqRArMh\nljaP\r\n=hwNg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDCudOMsczEH6ntDUZgCsiWLPTDK1uxoQG9kmLrpnc8fAiEAnUeUFtk6sBF9TsVFOW8delxZT1iehZ4/0d8gmrbsM0I="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.0e1bd56f.0_1631640704611_0.18086655494359438"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.7bb1818e.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.7bb1818e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b34bf652f1b82b80ec01a0ffcec5dbb2dc950485","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34bf652f1b82b80ec01a0ffcec5dbb2dc950485/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34bf652f1b82b80ec01a0ffcec5dbb2dc950485/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34bf652f1b82b80ec01a0ffcec5dbb2dc950485/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b34bf652f1b82b80ec01a0ffcec5dbb2dc950485/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-bj2Mvbg+qjEXisMWwBubj+J72b7o0q/NlN4pWOmN86uAfXvRNyTRgfQgpO6mR4zQ6yukpAB0C0NnKsq5SBkkgQ==","shasum":"7866dabdb8befddd662892bba2684a6350f7f537","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.7bb1818e.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQT/LCRA9TVsSAnZWagAAhvYP/24R/IDhbU2iFDtNcAU0\nufKfZ49awYMwWwcBD3BKcznbSpgjnjYygwvRnhYJ8BQdRKbsRAcN4AD8b+vn\nRDEgO0w6AQl67NmlXpVTAGmR73LdetTZ0laPWsEE3gIQD9UyXaRW8vhcQ0N9\nHleQzdZxVC4YP+jOP2yp/qn0EAA3rQqrlvLNC1OI7lCLlVjkfCkTY44pblBn\nIv9jNMH7UPIQrXVvM4x07TLQqpyCHky4LJGe5e5d6QxeC0cwFab8O+03RsYc\njUTOPjlwbmUjZqvXcktTahR133PZ2FIXCKCTt2f0Kv+7iOmGWLn+i5qByjdj\nckEir0HRhgfnpO3uhgAEgzgfgk5pqeU2EfutGCp40Qnw6Ame+19l/2etXAng\n1f9V2avxWqnPuh7b3rs1x9NeUbVrk75hVLAFNLZeCd7Snaj/LIJjXhbLE0DW\nMjjyFEgMKCtuXIXKJYT4B3jo2jxp6VS4s4u2j5z6SfVj90gQjfBd3kW+cW1q\nszvfQIv1uV9oPc21UjfxmBfGFp08dZA9sxMWrHH71cjtT6YpLnVTqapcxmiY\ngsLFkcLvqfUPPrY9JyjnWsbREjGpPUMjHd82Pjz7xDICqZRQLdKFpNLiXWOu\nxGqfrDEgbikklab8NB5Xnfj3Vt7KD6hs121ade768G2AQ5YvrZtm/W0zTUso\np0EV\r\n=zI38\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2N/BVHX8FlBfx6OcEZ5OfEOm0IrDCQ6sJfuhKe2KE6wIgHG93m53XuYPPCfYn5ZiabY2QW9XN/oukh7lEwG/K4TI="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.7bb1818e.0_1631666123390_0.9576178072734736"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.b5e665a9.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.b5e665a9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"1098b7010fbefe404afd06dfc30b7b30db59b092","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/1098b7010fbefe404afd06dfc30b7b30db59b092/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-IOsz52wWerxiwLGyJ+deWaUqkyqt8S+bvk0ZdRhjClgMZTbuiDdVqhZmPkSYSN9RKxbDge87yWzdHHb+A+Wx8A==","shasum":"06524250af6e2f83991e45b3711d5327cd202ba5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.b5e665a9.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQjebCRA9TVsSAnZWagAAhxIP/1HEo61z86VfKPK2bShJ\nGW0J2k2zGQKcbCfS1EEvsSN97aiZP8w+lXuAK9nrivGNMJRmWJApzpmC0wV4\ns955sf7B14oVoRM2Qwjtz7UeeJIzd5+of6iSJUH437q44BJpUYu0Zr3K8ev8\nbLineU0bbyqH0XCcES5SThmKhJaEFpGYrOtm+93Es6ndHvoYED+/0fFnBbCD\nntX/CcODqlWn2dLOlmiAl9ufPE4yz0qAX7XXYtwsCPQt4W7G8uL3zUzSIYkD\nJN1y7R/+3bxkJr9UaV9T5l2Enm/3pRf47fi9bDxxlaR5J5hFJwdzpOz279Ln\n08nqIK83WpQbtHjdWEKtWj7w/DnYbML79+y8F99kJX4PVX+mNSTriHT/xJxS\nafTlamNM05iEf6fL+u3Y+/dz3PsIXXHZg85c1gn/x2S5HUf6mhHkjTIob4DD\nWRtY2jJUEaaBd0LiE2m/9A6pFUfhd62cKHqnFkL1ZRX/dsr4GuVdmbCuI65U\nATTj3sjPGqqISYOrVMSagDo9+DTPVfTppJFakMMSzOBxMzPyb2r7W2SuqpmN\n4MQEygTqWUPsF9xW0tw4qpL0sjiOQoUnoi15OS7HJ8IGE4/Gi1lgMcYZ6UBx\n4A5NV9aEMJNHuS/ZY+ghV//jTkOFVf8RbKQo5oHsoaP3r4/hM1GWBTksp3D5\nT56K\r\n=UIkH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA4qgotrT464lwVyIQTw678FyxAeKQHw9W/TUlzu2OscAiEAzfuSQroVocza+gQWiE2OnE1yzLGH4ySi7yY2eGj94lY="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.b5e665a9.0_1631729563290_0.8404015194458245"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.ab1e177c.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.ab1e177c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"afc26bf1f2c64cbe713e03a55993e7844eac59b4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/afc26bf1f2c64cbe713e03a55993e7844eac59b4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/afc26bf1f2c64cbe713e03a55993e7844eac59b4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/afc26bf1f2c64cbe713e03a55993e7844eac59b4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/afc26bf1f2c64cbe713e03a55993e7844eac59b4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-aFttm4y+IPfq3ulYP7FsZwkdE4Mv6uDKCmQPJxWZ4WQpZpzDU7LWYT9iYE+IBUYn6g4ARqp8GEKvfVw/XcedFQ==","shasum":"c4f89f02660eeca578c2f173ddeb468a80e8dcc4","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.ab1e177c.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQj8BCRA9TVsSAnZWagAAM1cP/RGQywq2A/d2P7on/j9I\n2kO0U5VNEXhCdK0EDWDAqASqnVFbadcTv9H23/gtxz7aR8jOo0FF6D7KXw0M\nxlrkz3q41Ag2Stv+tVnDgVkI7G4UUcocGrV/ey4l6edUNS/ZDyPo8hs+suc0\npBUqFEBnfgzA7NWg/9n2J4wlvRL75rubuMo9P/2kYBRr8+lv2cvZfZmWshUu\n0v5PqGYvDNWYew5cmFJFpFp0xxRIGSSngrvoVoPn+Eg06dcB4v73wK3lQVvz\nxtLnt/ZkNnFP6M0CJEAuBLRdVMlNHSTzdGKYG3YGRoiTVbAsRRiiSP7Vz6MC\npWwAfDHGr46jXaDDuIruJDeH19D311ehgzYJsD7+HDXZ0v2JadSnxc6qPCoC\ny+o1k0mBXkMVqR77xqwARUhcpvmZz1QjX4X7bo/2XjPg4AemaeHRU1gbBdlP\nICWA4wdR6wXr3Bc4tcRnrfeNx9svj+llzfoOty55lHCw9Kd7r8DIe6r5v4Aj\nxaiGERkcdXocchXe5PY2rjxDeUCmIWXgpoEXrI3z8MKPrIfhrjIw6mVPch79\niQRdYO/epidc0X42Zf+Bk5LOZngiETpmNiYgfjlMylOJUi0LokzmytELkZ3F\ndvMSyZ6BqhfYmehcKRh24zBfYtTUTCNZgCUS0mYgyzqvAPq8nYQVrUAPuocA\n7ACY\r\n=BtG5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5oh4TAHW97Hh+qL185s7eoIDQadq/vsw921zRYxMGAAIhAI5+tpR8ioQN2jvAaAPRp4iEl1HhTB7HImr0ptAzajDa"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.ab1e177c.0_1631731457487_0.9241934639604705"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.8dff8894.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.8dff8894.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"bb2f0724a85956f5a92c61a18390b4616e0ce836","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bb2f0724a85956f5a92c61a18390b4616e0ce836/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bb2f0724a85956f5a92c61a18390b4616e0ce836/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bb2f0724a85956f5a92c61a18390b4616e0ce836/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/bb2f0724a85956f5a92c61a18390b4616e0ce836/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DOTZ2VuKhi3EjaECXL5vhGCLw0kyYQA/xE8CG1XMGAlMzHJzF4fx4qUIZZ4tg5dZdnlBYoScofQAmSuL5+a1nw==","shasum":"a7a5596ceba48606758489b9e5a4b3e6cdf57e26","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.8dff8894.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQkSWCRA9TVsSAnZWagAAAecP/2eZJOPIPl9zTw++4Y/4\nqPB9uWx5c+CgtE+uX1ZBFNTi7IRJX57whvFS78MfBvKQD96xxmmCQft5ZYSz\n0WJfcP7y85Lw+wQXSqHBmX8M43PCS0sUkVmcbB0Ox+FoOEjJVehVCS+TobwD\ncLR5Rme5QTXk1AVx/lglxzkOelZLOzwDT+Pv4Yk7FDSGyhrQkTII1HiT0PLP\nR6jxp+RdGry/EZjELArM9WPvRiUZgvcqah94wzL8ZnXDLaqog/ocPd7dBfP7\nIAw5ulobE10LZF++VrpsNXxGptjUb9B5XNmzn/q1wQeMn2snYgTIi3T05+t8\nq9KjwHagKRsEwo0EfGOZa1V8v7vitMbJHCnAjeHtzB0kyWjH5iMkiVhBrNHL\nuEUMwUmRxnC1KpfaUZA4UOzZqRLnmJedgjPUbbqyP7tYuoOeKu1ljKhRJIGW\nfgoSIBfnbcQe2wpoFLnTBTBnoyL1jH1nATAPsXyhQ2KO3npWiYM+c+7DzMG9\nMz7X/19f4XJ6tk+9B/IC0+DW3NfpwNpoDKU/2cOuAEdNPowWzfV4At4HnUgI\nCYDCdiGXKJ7qz2mOg0lKliR8q1LZIxPB4Ji8LINGbLzCfPj9fqzOYlaXd6wu\nA3fth/YqmONNgayAf0EKH1K3SsUep6y0CjK+7LQNvsXqRzXxe8uZbyo438Qe\nqLhG\r\n=yy13\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEPO/r8BLd8Wtw49UkCBT47KkrQoyVRVaG7NhZktp5D4AiBcsBAOD/1VCfyZCQcusDdHe0M+LAdRseyTLOGMQEJ9Sw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.8dff8894.0_1631732886497_0.5068185483074443"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.9cd7e927.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.9cd7e927.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cdc8741747c55134790f2334cd48c000ef607804","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdc8741747c55134790f2334cd48c000ef607804/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdc8741747c55134790f2334cd48c000ef607804/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdc8741747c55134790f2334cd48c000ef607804/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cdc8741747c55134790f2334cd48c000ef607804/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-8hEbYenzqngR3UTijRfFS8V6gtm3uBS3pjxh0m7g2dZy02VUQi/VcdF/y2ce0u1OnOyVlB9hX0NIzCBUGssIwA==","shasum":"7a9db9501b3adaede874a2f78116bf115cf800b5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.9cd7e927.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQlguCRA9TVsSAnZWagAA4+8P/jQpphgOxpindG0AJzuA\nvetd8/sxsLxgf8xy/ygG+goSZlc+K6xtYIQ7zfktDDXWvVl1GV1AvQBn+Eqw\nT+tYoXhlw3bW6ifwtX93zzfGIfLijzUE+zxFQ+vk8IoFb/13dUTIo312jzvq\n/50Mxhl0seL4KYpy5APzbagA19927AdaH4iho40dYMBiOxDKhQ9tC4TfOZC3\nhR+galprmHwSLjSFFpq4bqjrvz+Levtv+pH+6LZ+zVJ5Eq6t1Jh2iYQnUrIP\n4hVzOUSryd7aF8kZAXClXf3LhltRqkKlj2AVjqSmNiXDhRBnadrPNwpnfMwc\ndxKAXy1M1kvMbI4RANady52Po68vZ3aaSsXXL0cR/sYYhH7xuJogw8240Fcr\nYE4VG3DOJxoGRynuzNsSveR2t4Vob6gxd8QFblP6mOtf1bpTb47x+aVoigsI\nnOewqjr0bBQfdapjuIKMm/J6Rig3ihQJd4yiIdZm1RitMxKfNO/CT25RaSRo\nOzPmv5FPJkYiRaDealu6S8FaP7S+mP5bcqJLyYnOmxaNL/wqrQBo0s2tGXoe\nL/BLgewRa3EQ3Rx/XvhYx0/eWP/zmbtzfxvook5TsFKlo+RGp2cS5cDH0/QX\nD/zJiG7LGn12l03rRFgYI+bGVUpq1u0YnpMS2nkIzjRQZERMB270tbqM7D8q\n5atQ\r\n=SK/1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH/Wevs5GYLnP9MPr0u5SbYV9nWblIydZwcUSvveUdzdAiEAxytNEAFv77yC0voJm3uaZuYX1MFuNbwA4+7s2c82S/k="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.9cd7e927.0_1631737902291_0.9016050672335598"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.a7132082.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.a7132082.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"efa498c7c84be94afa4d7c50d5bc525723212e88","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efa498c7c84be94afa4d7c50d5bc525723212e88/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efa498c7c84be94afa4d7c50d5bc525723212e88/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efa498c7c84be94afa4d7c50d5bc525723212e88/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/efa498c7c84be94afa4d7c50d5bc525723212e88/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-4na52rKSUZVVpm6DslUg7EmX6f1ssdwv/qjjKRwStNUqx8sWuMFVMoU6cQD3+G3V+9Yi5lXU7uwQkPQdzu82MA==","shasum":"83c09cde730b791abd6a2b3b74968b3208610e39","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.a7132082.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQmlnCRA9TVsSAnZWagAAXn4P/jqk3ypoGSbZXOnct+Fr\nmsTmwHBPf+EgdnXaOmERfnSMhBAuO82cZYYTFm5a0HNila+Rf8N2SSNz3kQu\n58REDMC39OVQ70Oj7Mfn2yWIpr9p93IsRZAHhXk33XnAaXI/r5Mh6XwkdCKe\nENEl/MqupODd4aP8adcKDXZ0WCEULNxCMzgH3d0HhobogNP0tb1SUMIf2x2Q\n7kCd0SM04ESSjuuZ5zMEwGWfXZ1/FdKkMHBDPDY/fzYd97suUddzW/fRWf6T\nDMurtEvFxWHAA5Jk/mk+eD+oeiGbNn+l265PiYxwPs2x2P8UhcrG1+3jWMfj\nTdWTFA2/H7IwA0GV56Gfd6BcdklDeeFPm2MN+RUMW5TiE6Y1PtnyaaWcs2ET\niJ2l8X0b3ebfzMxujc7OZq7xVdbJeDXgX34GGHuXqfYsw/r6eNo7WDyL5LVc\ncl+SFo67+EyYtbySbtAU2s7WjthbWiX7YooB7Z7XjqB6g3iRJAp2GLahlTzu\nlBFFoEnrZ9qfEZamX66JOVx48VR4EOEjnDEp62BUVU0jVnMiQDWwDHv8wxHj\nt7giNaf8pklbxfJhb4VCraczJXkxW347jAz2A3LWnVSFh7Nnp8P4Wdw3AKyJ\nyrF8R+E25R/DR+HzjXcWFSW0LrZAQ/qG5dQ/qSYvZsL+TsQhzq3fvpKo8p2W\nLUM8\r\n=+T7t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkzkTIE89dxfCCIEGNveoWiwoMxY/rxpLsLM2pjovfQQIhAOebXyHXBCjHju5IPJI50he3uCminVahh1K53dwpG8dy"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.a7132082.0_1631742311178_0.522177804529808"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.cd9110cd.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.cd9110cd.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"fe7dab0d93d6598d6a6c08de182cb7e3245f26b4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/fe7dab0d93d6598d6a6c08de182cb7e3245f26b4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-iVhAMddvq4OiF9IYd+B/SiI0PCWoPWWjMbzDDHtqQZnHBlMbPI571aUc4nJEiIYDvbYh4oR3pbs8+dRjZCNFLw==","shasum":"e20925209d8c572ef3df411e0744eba6f6d5c848","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.cd9110cd.0.tgz","fileCount":16,"unpackedSize":47793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ4KjCRA9TVsSAnZWagAA9DsP+wSK6hnu6Kpyv57tWGM8\nNs+hb716SImP5FE7s03b762/99UITYwfytMJaOSV+pmym3vgPcDp1AOuL2ES\nmvpycdlHDkDmoXmR0vjXGaDuVbTaRaZgLzepKRPIcVgcLxmVsKO1VQncj/oQ\n2ywzFGNghOPn97a8l4okdi9ds+stUqHq90DbMR6EMCFb5AOQrop+F7UBuJ5F\nlb/gbVhMXPko3B7bjG8wUkDMNqE/NhiDTZsYYauG0HSOHZG5gIltZsE2BalO\nH2HIy2bAkbRsl/7gWT9J5LWGfrTRcFDW6/R56WHSReLEGd0KkOdst5/pqosH\nZ07XObky8zcsNk4b+8YUtoLNhV9r6CEMzzLJhP4Nuzia2+75iivKkt1Ch4Yj\nnNuVEU8qHgXeHGI7lkSJjeKDEFotDsBkdV/QtUDKassDXyy6oFP4vykYl40I\noH0lOkfqPWWE57q9eA9/4C85sX6XsvGOy6IkiRXm6pKyP/aHzJlZ9T0MkVal\nlDYgh0QzYajVlXQO5R+COzQewoT6AX+EMY8SGxQhHb9XLEtKcvcwJgm2dw0l\nvJ+ncPDkjEecjLzzHUP87VHAt7XPlvAB+03bCsdKf+lxOgCz4/ilGxZweurR\nb4daq1GPRCsGg1IVVcTTplDALK4qx99uWVL4YABhObkNEm5tjYtKm5JCfZmJ\n7eRo\r\n=JJCB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFjoZEPj3KDum1HZc3rJnJwdv33YN18woVFmRkOwF0kDAiA6YXgK/N4wBFpYn141ZUsREp6adPDJ9WPPWZW4CeFXBw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.cd9110cd.0_1631814307285_0.31552280971980395"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.1e5a9883.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.1e5a9883.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5b1cd8120da2d6449203e71bb01079f709aa19bd","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b1cd8120da2d6449203e71bb01079f709aa19bd/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b1cd8120da2d6449203e71bb01079f709aa19bd/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b1cd8120da2d6449203e71bb01079f709aa19bd/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5b1cd8120da2d6449203e71bb01079f709aa19bd/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0fJjUeMSUNQ+exCpTxYzmJu1Hza+vMDEsBkv4xGN+glmPUiBuAdHURydh04PgmCOW72fQ32Z++loLTwNknWWCg==","shasum":"3e4780ef5a117910a663b97df8236d11d1bbd30e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.1e5a9883.0.tgz","fileCount":16,"unpackedSize":47793,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAQ0uJ+Dz3O7io6IWLF+2MDAHhJn4Q+HjZzv+9sKpSA3AiEAteQRhVrMKmKklajaJHI4lppvs7Wo6DnjZfbvOixs4bw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.1e5a9883.0_1631911128964_0.7962580266523502"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.32c830ee.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.32c830ee.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"72f380d7ef6cb00e8a03c42048cbf0cc09820ae9","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72f380d7ef6cb00e8a03c42048cbf0cc09820ae9/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72f380d7ef6cb00e8a03c42048cbf0cc09820ae9/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72f380d7ef6cb00e8a03c42048cbf0cc09820ae9/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/72f380d7ef6cb00e8a03c42048cbf0cc09820ae9/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-9Cn5aO3rtfS68xcULzDa8CotA0tzqzmLANFIZGr2cnJebTwTYOobHig/0SymityrICKheSTGbPPPlIWppl/PsA==","shasum":"ad91a4047067ed8a30086fd7cb1362ea240bacd6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.32c830ee.0.tgz","fileCount":16,"unpackedSize":47793,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9ry4nRCEjvQHeTOhUGzeleghCSnvyOcl/w19rXYjMwQIhAPUWi053Qn3zqxkeHwrUkHiiBmhMGBicybaOKMOn/YYk"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.32c830ee.0_1631920105532_0.6004345711608958"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.1de87bb7.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.1de87bb7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a3215ff82b8bd0ba323b98cc29ed77fca57b8643","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a3215ff82b8bd0ba323b98cc29ed77fca57b8643/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a3215ff82b8bd0ba323b98cc29ed77fca57b8643/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a3215ff82b8bd0ba323b98cc29ed77fca57b8643/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a3215ff82b8bd0ba323b98cc29ed77fca57b8643/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5UhxmA2ieIgYcs+K+ywpLyMfsgrcFgZ+XRHp2tGCUD1WIDIpuLxmw1oN4QtRXlo/Or+nmzko83n+o6sEQDIT4g==","shasum":"eb304b1d1a32f94187381829c3089374ef4f5aa0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.1de87bb7.0.tgz","fileCount":16,"unpackedSize":47793,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDM42Ryn3veAAMe6x77BRhTJKoWJdgmRedK6DuvKRIrKAiAruZbYZD4z3sXweU5xfySted3cDl9DYH7Dhbni7VgrZg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.1de87bb7.0_1631991111957_0.620731029120188"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.f2ea80c4.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.f2ea80c4.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"be75dd39a03705b3cc24c5614f2c7f2be7c3c93e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/be75dd39a03705b3cc24c5614f2c7f2be7c3c93e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-TilV9IvoY1bml1kw9dJ0qXZ1pd1yLYLENNdaczmhFSU8u36Hxbfvq+pm0MQizwi34kpzl56YUiI1WxhHIh+L9Q==","shasum":"21febe987937ec31a5597fac61fc8215f1b87cd2","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.f2ea80c4.0.tgz","fileCount":16,"unpackedSize":47793,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0CR5nB8STfUziV7I3VijOLdajnbkxs5GNe53yHMTryAiEA7z4eLya9TAM/bzC95+ADRJK5m4pYIVnvJ/QxlxMRWLw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.f2ea80c4.0_1632160476449_0.5789432734599849"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.569d739f.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.569d739f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c2e841aead340c043b080dc4718873a82f109450","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c2e841aead340c043b080dc4718873a82f109450/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c2e841aead340c043b080dc4718873a82f109450/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c2e841aead340c043b080dc4718873a82f109450/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c2e841aead340c043b080dc4718873a82f109450/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-cJAj/NvQiDyGMJaECw9RZBvexdX/Z+nHVVMoRr3/9hJeyTzGknthS86jS1fJ1CBAsAr2bpGWXpqXHH17gjYg3g==","shasum":"fcde5e6a9dada4e4c2abd8709fc6bb4b8062fc14","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.569d739f.0.tgz","fileCount":16,"unpackedSize":47793,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaQo8ff1n3CWJ5bU22cGFQfNNWfiHhgZVpdlJLyDCdVQIhAOpCW4y739p7J2enH6PXOA1JofVRsLd7POKa8ghqDcaB"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.569d739f.0_1632172998542_0.06562869011096972"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.24.0-canary.5a434a50.0":{"name":"@material/mwc-circular-progress","version":"0.24.0-canary.5a434a50.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7f2821932d60f65ba8b79446374be9a66f009858","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7f2821932d60f65ba8b79446374be9a66f009858/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7f2821932d60f65ba8b79446374be9a66f009858/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7f2821932d60f65ba8b79446374be9a66f009858/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7f2821932d60f65ba8b79446374be9a66f009858/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-M+JPEueX8pLzZOUeMV1xdvAmvVM+1Pu9S9TG3lwL+6zFQCgWtAueBgCIAvNMatvT7O/ku5WX+9FNVoXbV5Fg3w==","shasum":"45c5c1e68d2ff6967d8d1e0fb679eacdbb01ebba","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.24.0-canary.5a434a50.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxk9PiYHLFvxOQ/y5aY42yJA3baoEjBDfsJdR1mUbuRgIgA4lS31czB3FjkY0j6ilFVn3KyxCGvQUStAJ+tABHt2k="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.24.0-canary.5a434a50.0_1632189618772_0.07325862804660188"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.6be1a13e.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.6be1a13e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3ceaeaa7e4bf1c68a18e69c841acf156afc64dc3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5BZpCBon7A3p4afAY5IRE3VuUM6eAxFd9qg8EiF5M8uYyptMtq6E0/3pHyEPGHKSeymAtFR7jiWVOb/ozyeLuA==","shasum":"53c4967e2626854fc7e6ef7f708af86912a92dac","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.6be1a13e.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIACCdqlGNvRRud8V69b88LI+9GCnQdrDiYcYry92S2ZmAh8tszblhHWtSHwA6a9ypPaXTuPDUlMSspGc96v68vJu"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.6be1a13e.0_1632192764251_0.5869066599841863"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.25.0":{"name":"@material/mwc-circular-progress","version":"0.25.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-progress":"=13.0.0-canary.65125b3a6.0","@material/mwc-base":"^0.25.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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6be1a13e29a0f18491948418d7076fdc1c7031a6","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-progress@0.25.0","_nodeVersion":"16.9.1","_npmVersion":"lerna/3.22.1/node@v16.9.1+x64 (darwin)","dist":{"integrity":"sha512-YRQaqp7gPSCfGV19IX1RsOPL3pB+d8TAt+o3YGG7DJqlDmVCYv0+sFk0Y+mOljlW5Sd7umgS8EecHycG3EeF/w==","shasum":"0decb55c2d538633d13fd1c2a5de530891dafb6e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.25.0.tgz","fileCount":19,"unpackedSize":59442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEL7dQzyy2nZ/0eonSEetRNiOTpPf7eNMAyV9+E+vFuCAiBq77ZrIxANVqi/YsAtbn0fHd3l7jm4o6iccPMzQyCAUA=="}]},"_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-circular-progress_0.25.0_1632192778862_0.017664015963590574"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b1c1ab52.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.b1c1ab52.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"320a093b73bd45cc5fa68abda305913c26c72310","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/320a093b73bd45cc5fa68abda305913c26c72310/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/320a093b73bd45cc5fa68abda305913c26c72310/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/320a093b73bd45cc5fa68abda305913c26c72310/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/320a093b73bd45cc5fa68abda305913c26c72310/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-IqZBEq3IJqf99NSueLXp+perQhUzg4Vs/lGuDg9Camcd3QbSl3rDtSEqY+oTnDWIgHTRrNOurPij7MmdUZAj4A==","shasum":"67079ec86e01f554799629a42fd7899fe9c962ec","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.b1c1ab52.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvxZ6/r3AKEwqOlABzURIC6pZI/YclA05PA72T1k0KzwIhAKf1hiCV/6IRfRVXLLsIvv0U90vU/QR0t9n9AOHxbrdc"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.b1c1ab52.0_1632193913560_0.7411183844489819"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.25.1":{"name":"@material/mwc-circular-progress","version":"0.25.1","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.25.1","_nodeVersion":"16.9.1","_npmVersion":"lerna/3.22.1/node@v16.9.1+x64 (darwin)","dist":{"integrity":"sha512-cjjXE59tZrUnp8AKtl+bA0SeY409aXPDuad1DiIWW7w+ENCQpZUGVnqXVZoIujB1GZGlTIS3AjI1u0v5tOZu1Q==","shasum":"91308d4bafca877e089985bddc5751e1d6ce7955","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.25.1.tgz","fileCount":19,"unpackedSize":59442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAEgduOgKTNe7nEFwavt1XSEBicxAEe0DB7Lcrj6NNq8AiBs+SC6G/5PrH+3I/qLQBnetvRNz2nh0Fpg38CG2/caKQ=="}]},"_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-circular-progress_0.25.1_1632193958404_0.8327269583733188"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.ae060177.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.ae060177.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b919ae5340a9ffc926d328999cc5fe5704922e40","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b919ae5340a9ffc926d328999cc5fe5704922e40/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-eYYGxBIVv/CVSm1OcmvtItQucprKno6wKplH2CiNtSE1xa833OhldzGpSj9KdyJK1rt59LSOd0xt2urn9bQa1w==","shasum":"1c05a92336af7181837df8bb3c1f9c150d636f10","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.ae060177.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIANsATez1+SrSDJX8TYN6Fc/zuFp0lW4Nndt909dzx8OAiAOKqvC/jIyfbitPt4BsaHCGGJheYLKCSJuh1czljWx/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-circular-progress_0.26.0-canary.ae060177.0_1632235068252_0.9989749599594802"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b6fe2a12.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.b6fe2a12.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"06feede8e75d655952f3a43b5c971276c26fe92e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/06feede8e75d655952f3a43b5c971276c26fe92e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/06feede8e75d655952f3a43b5c971276c26fe92e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/06feede8e75d655952f3a43b5c971276c26fe92e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/06feede8e75d655952f3a43b5c971276c26fe92e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-rRm9izn7blFI9RQ0rITTmUwfv7kLlMuETpoU8qxqJl+8lIyNxRgZwX6/cQk/dSGCNHKYuXj7O1bwTYaFp3fjig==","shasum":"296b504b7c9a26106aa9d24e18d3d58f8668a67c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.b6fe2a12.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID4UFu2r0P2dIMjGHVeHVCQzRJJi5Dmk3bZX7lZEe++TAiEAwjTZML382xXHiHXGJ55CDuLF8pbtVGfHO9uxMSeFKw8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.b6fe2a12.0_1632341758544_0.32239302028332384"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.07e91417.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.07e91417.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9fcacc1890992ebd650dca508478ea3a276a1ebe","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-3UiPP5la5tqQIpOSpp6hczMk7x1ju+EwXvCVlVBBNcjE2MRmOBSvms4ZTwG7fsGb2JDr4FIXCzs5WsQ1qevP/g==","shasum":"a345202417a54ac2a26c868d2a4dcb138d3ced3c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.07e91417.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqBfha1dLOnbQkPk9w4TqwS6q1sO88TK7DpllfLHxkowIhAMwjJE7uxaHUd0jXIgdPbDVdmPm8VJta7thjp2l9YIRw"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.07e91417.0_1632344725602_0.6214156646738058"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.e2203ffa.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.e2203ffa.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"dccbe3e93b2694b3336adcf33188115ced04a52e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dccbe3e93b2694b3336adcf33188115ced04a52e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dccbe3e93b2694b3336adcf33188115ced04a52e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dccbe3e93b2694b3336adcf33188115ced04a52e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/dccbe3e93b2694b3336adcf33188115ced04a52e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-9qypOTNhAbW+PJKdmon9URlOh9qozS9MnAVpog921yuN5kk0F/StG6f9sH9ZmIEE7a3x+Ysd3rWvWJwU6rnZSA==","shasum":"34ef9b1e7ec9bc08e90e1fd7a291e1e86f9eb5f6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.e2203ffa.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAeN36BzSBiqI5h+ZJcK8ADQdsKR3PhnRt/rH1LTj52gIgVAwRtpGrzfPyisWdSaN69UeoNsJdwtcZ5/0t9pjdwoU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.e2203ffa.0_1632421637585_0.19180896681127702"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.4abe237e.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.4abe237e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c0c828f0240aea9472d319d4a1bb77871c960873","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c0c828f0240aea9472d319d4a1bb77871c960873/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c0c828f0240aea9472d319d4a1bb77871c960873/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c0c828f0240aea9472d319d4a1bb77871c960873/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c0c828f0240aea9472d319d4a1bb77871c960873/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DMKvY/f0LYazNAlWbvbefnSCl2oCH27KzWme7G+5CKF/jg9nzuwZBBBShyuRt1SSZp8NO3wRe8kq9UxIrt2N+A==","shasum":"b852c5cb8a7a64d7f6b21135bd90c72546dabc27","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.4abe237e.0.tgz","fileCount":16,"unpackedSize":47785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCptYituzPpqkxnrTa1MqKgHkNMkefaTl2ynxBRi55tgwIhAJnXsDHGIE2/e/PhyMiPZ9l0XSoJ0RjDw5OCcUj3m3AM"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.4abe237e.0_1632504648397_0.23542086912954674"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.6278ee5d.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.6278ee5d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"85137ac5f9a59dd64512524f380c65b268a2344f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85137ac5f9a59dd64512524f380c65b268a2344f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85137ac5f9a59dd64512524f380c65b268a2344f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85137ac5f9a59dd64512524f380c65b268a2344f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/85137ac5f9a59dd64512524f380c65b268a2344f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-PaS7gECEXaRngkGtRHDtor7L850SaVl7EcdoC8ofNK8q7AjMjeT2mgStcBfr8mvcYy0l5V4MLlcBv9uDviK78g==","shasum":"17f161250fa066ccd676c570d2b469a4f7076c56","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.6278ee5d.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2WwxB/99BPHr/yN8FFcFkU8JYydtjvvr4tblzhBMdwAIgcYWD52s1Z9iFG0T8R77YlqHWnjNXYxTw5i23UPvcQSU="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.6278ee5d.0_1632767463904_0.6225044632144192"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.3a5d5f34.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.3a5d5f34.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0708ad010478b6186d6be52d3494f33bd4d40e17","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0708ad010478b6186d6be52d3494f33bd4d40e17/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0708ad010478b6186d6be52d3494f33bd4d40e17/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0708ad010478b6186d6be52d3494f33bd4d40e17/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0708ad010478b6186d6be52d3494f33bd4d40e17/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-qoTU7E92JBbDFOxZqmCHNgF8p1TQ92a8CNWEzPpIcq9t9EbqzQqDcZ88tTpoULL7DdHbIbUegwAZTH6oSJ+73w==","shasum":"a6677c5713cf8218d2ea4a438aa4f2c6090319d0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.3a5d5f34.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC07MtK9N2HYfRzapgJjqjaX3ki9qJ+yPQqrZIKmR1NsAIhAMv8N4ynpdCC8kGNf8+tNQcFspxx4tvxhs6Gc1h6xSnV"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.3a5d5f34.0_1632782473385_0.32409158191274834"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.143ed3c8.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.143ed3c8.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d25beb586046dd7cd30a302cdbcf1114a66b7770","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d25beb586046dd7cd30a302cdbcf1114a66b7770/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d25beb586046dd7cd30a302cdbcf1114a66b7770/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d25beb586046dd7cd30a302cdbcf1114a66b7770/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d25beb586046dd7cd30a302cdbcf1114a66b7770/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-FqA8cGqI0kICWQ70JYUJr78Z8DT8zWoWQhz63awTy2ESBWTesw0RImRedWtXxWaA903y2eji8tWxmHiFu8F2dg==","shasum":"d1b5797bf8a10b152a77059fd80ce5aa11dd423e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.143ed3c8.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGCbqlzXWCTdF8LawXnN8Y+4O+3Y8CwqxnMxRhIM3q2wIhAMsvJv6yhN9fpyFREPscUYYJg4y+hOosmJGp+KuQj05Y"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.143ed3c8.0_1632880231680_0.8642054032844388"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.e5923d68.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.e5923d68.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"41f6e947d4028d5479ec62a20cbf1e1fce3c3a27","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/41f6e947d4028d5479ec62a20cbf1e1fce3c3a27/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/41f6e947d4028d5479ec62a20cbf1e1fce3c3a27/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/41f6e947d4028d5479ec62a20cbf1e1fce3c3a27/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/41f6e947d4028d5479ec62a20cbf1e1fce3c3a27/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-+x8ZhQlyYJPQfhgKQDDIaaqnWQFzQBluhz2C/yQaGwQnTMxW7tUkz/1zFe51g3YTd4tfXwG8AKwOhKB0DjmcAw==","shasum":"913c9f39ac1d967af2299a33df787e7a88a2915e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.e5923d68.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIArySeQPr6ilexyQ6oj8cLMBtLJFf+7zWuFMcYv6oL8cAiEAkQXBkv29JkijzTv3mFY8HbKUGbKQ7McwofBfgiPmUgw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.e5923d68.0_1632960330160_0.7736704564025276"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.d8ed5109.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.d8ed5109.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7cb638711a37e4d716e9aecb64598a665d377e7c","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb638711a37e4d716e9aecb64598a665d377e7c/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb638711a37e4d716e9aecb64598a665d377e7c/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb638711a37e4d716e9aecb64598a665d377e7c/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7cb638711a37e4d716e9aecb64598a665d377e7c/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-ZJ4hxZT06CtA6b6+ZcQECfV4A6VZvb6MdcrkYgT01Ii2cfpl9yh+j8S4ePhrhYHEZZMuPb671yvxTBLk5xxQCg==","shasum":"ecd8b0b4aa899edf67434d99c2bcaffbc311a711","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.d8ed5109.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDP6sO9VxvMlQCzpElZJJYTEFPz3y/juYUmAa277naINgIhAKI/qFfiEIaIwDBos12z4rJAyUs946/6XnWLsQP6p4BR"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.d8ed5109.0_1633044814739_0.8875842288710141"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0efb9c2c.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.0efb9c2c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"878935c40ce21b0cfddbf2aab964ba07d23dbb94","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/878935c40ce21b0cfddbf2aab964ba07d23dbb94/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Iyvzl0tCRpyw0g0716bh/eui0Q0hWoCVclFwECbZpvgBCT0sJzBbt+r10lg4ss+qPqdwtZRWXc88Ee1P7TkaEg==","shasum":"6d4e810cd6049593483fd63f9e54c264931085e6","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.0efb9c2c.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAn4hQpVv8ShRXMcLRq7zwqFck6BwvsmlTWsSmkSx42XAiEA41fytoqx+5BsiXFhMmvUBzA+BTmHNzpjJjc6F9adzXQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.0efb9c2c.0_1633140476234_0.9334594510559682"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.1c9adcb3.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.1c9adcb3.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"432b66e41cc474278a452cfd5bd850754fd8b9f3","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/432b66e41cc474278a452cfd5bd850754fd8b9f3/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/432b66e41cc474278a452cfd5bd850754fd8b9f3/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/432b66e41cc474278a452cfd5bd850754fd8b9f3/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/432b66e41cc474278a452cfd5bd850754fd8b9f3/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-EcfPkOcU/bJUym/+1YcqLSDkkBKKAIM4PfvHbJRHIthzAxx3W7nMTadEUf4DIfevJTYSlIkk9j5RnYQzK8YIaA==","shasum":"fe12c4fef234f2a45410714a42333282744fa011","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.1c9adcb3.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAICxGfml6tiJtBelfssWIHqAJhcSQyqCIyMKnIu3LPeAiAqonOTES+UY0WfwSYTYxEPhgMXrBkD9sGTZV7KvAyQWg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.1c9adcb3.0_1633368793948_0.47904810562597366"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.dfc00d60.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.dfc00d60.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3edf5d72f0c17bcf7c2e7377e2c0b4579168d2b0","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3edf5d72f0c17bcf7c2e7377e2c0b4579168d2b0/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3edf5d72f0c17bcf7c2e7377e2c0b4579168d2b0/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3edf5d72f0c17bcf7c2e7377e2c0b4579168d2b0/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3edf5d72f0c17bcf7c2e7377e2c0b4579168d2b0/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-nFNVrP76wmo3pFHwNJ02SBvwTr8GoXwuN4xZZ9ohYtv/SuDASfMGTnkhy8/S0DEepGnhsGcudh4GCj7aBlcM5Q==","shasum":"4d3e1b28cd982867238cf59805410d8f50af7b14","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.dfc00d60.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCu8iD46pBJJxc41h/v13y92bBHNxdEhqa6vUgr/nxBlAIhAKEZEBHiA7oR+t4w2DRyJuxy3qfuolcxDa4gfupknJ/u"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.dfc00d60.0_1633741017351_0.3057721045492605"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.c3aa844c.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.c3aa844c.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a792c732afb00bf097879fdcd7a1ac2a0c5d9506","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a792c732afb00bf097879fdcd7a1ac2a0c5d9506/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a792c732afb00bf097879fdcd7a1ac2a0c5d9506/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a792c732afb00bf097879fdcd7a1ac2a0c5d9506/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a792c732afb00bf097879fdcd7a1ac2a0c5d9506/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-4lgGvAjaGG7DmI1btPKBLx9u9fjlLosn8YNkrMf8rSt1O2xsOvtdB7PJD9zUXrNT9pxrVj3yj3f9oqFJvqI2wA==","shasum":"e2773b1157991dd53fb0226288c5d9fdb48d5f88","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.c3aa844c.0.tgz","fileCount":16,"unpackedSize":47807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGn5o27M0ezUKm6efdvbfokHsWEl6GyWwMHSGVon0U3oAiAmd0avhPyCNZsI6PhwieSyEJY1wVJDyp7S+Qv0EQDQEg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.c3aa844c.0_1633994043524_0.4471704177806344"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.25.2":{"name":"@material/mwc-circular-progress","version":"0.25.2","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.25.2","_nodeVersion":"12.22.5","_npmVersion":"lerna/3.22.1/node@v12.22.5+x64 (linux)","dist":{"integrity":"sha512-gD3KOQi1JVl7YTYYsvHZVo4ccQjHY+sz7B3JqE6OvqzHbmaTuQ6Pp8ZCgPE8tWkYsExbn0mYIMzdLTRBKjY/9w==","shasum":"8123b1289df756c53dcf36509c8b04b8fe779506","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.25.2.tgz","fileCount":16,"unpackedSize":47772,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfDm+PlJYMY/iRA22igq7YK24vfdk7H7X4mx6QJvd2jgIhAPy8pmsVxLis+7PtjVWH7cKxCeJANpBaqvIdvKexINXO"}]},"_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-circular-progress_0.25.2_1633994308887_0.43874564404150806"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.406d6fe1.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.406d6fe1.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"d1410f3120b13ff08ccd731739c038b9fb14af78","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1410f3120b13ff08ccd731739c038b9fb14af78/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1410f3120b13ff08ccd731739c038b9fb14af78/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1410f3120b13ff08ccd731739c038b9fb14af78/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/d1410f3120b13ff08ccd731739c038b9fb14af78/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-47oiccgdKFVTvTXP5/wNQ86MWjdEWGW7csPTmQ/0oKzx9/cEVflE5S+zrqkYXJyu/LfBwUw9lmx68HJX6kxGwA==","shasum":"31b084a2d8b4f522436b4e2f4f36298c3857f7a8","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.406d6fe1.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICkj2Pq0tutEHD6l/dwbbIUwBPjZ9KkzcuxkWWHLJh0rAiBpgG/tHzcQUnCPsaoMK9jKESu5TRpFwQI0ffjLU2efFw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.406d6fe1.0_1634158748747_0.13008834332450525"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.ca0a674f.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.ca0a674f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b8e99d19dfc1b6d5062ada3345d461e9a77f18f1","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b8e99d19dfc1b6d5062ada3345d461e9a77f18f1/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b8e99d19dfc1b6d5062ada3345d461e9a77f18f1/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b8e99d19dfc1b6d5062ada3345d461e9a77f18f1/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b8e99d19dfc1b6d5062ada3345d461e9a77f18f1/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-wwOoRU30b4XSBAQmK7KhmEoJAB0Cfy2J/fCH0RMOaxwyW5hu9zUBd4QSra5eexamkEYMTrBSY/mAbbx1XWC0XQ==","shasum":"d065176d5122085bb72b2742a18b72b36e1cbec0","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.ca0a674f.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDx1UnH3WaBVr7GLmZ/mrF9OYXMocGQpf7fDHG1A4sYbAIgRA0/1QVMSnpq2I5u0XkjL0j4wG2QmyqggVIlG4v7Ku0="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.ca0a674f.0_1634592993216_0.10807274811201606"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.eefcf660.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.eefcf660.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"70552d8e831f6542ab42f41bb5d338adcff0500e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/70552d8e831f6542ab42f41bb5d338adcff0500e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/70552d8e831f6542ab42f41bb5d338adcff0500e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/70552d8e831f6542ab42f41bb5d338adcff0500e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/70552d8e831f6542ab42f41bb5d338adcff0500e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-FmfJDrnHk/NWhJw2PU36F/x5V0E836l9HQrsXAtDlu6ZoxmIZGOlHymikqxLFelAwbjGFZW6LJG/u8SuRa+7ww==","shasum":"a7315c9816c78daa165d7dd75e742a8b2b82d220","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.eefcf660.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClIc3f4YwDQY6/okHv9MMXDlcrVxBbjq7/5przCSt1FgIhALJfo0ZWhRC5SIQMoB8R4NmYOkNNg+U/0tCfuf9bdWB6"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.eefcf660.0_1634764998997_0.48144101671088646"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.d21acc8f.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.d21acc8f.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"13f43aef10317d911611c572ecc044445a012a2f","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13f43aef10317d911611c572ecc044445a012a2f/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13f43aef10317d911611c572ecc044445a012a2f/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13f43aef10317d911611c572ecc044445a012a2f/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/13f43aef10317d911611c572ecc044445a012a2f/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-pFvQg5E2NtaGynLFRPQkjnUmgLx7mP0fsWRrt4wXt4OrA/Yb6q+3yC4E055uz4GfF6Dlq6amMWPx0PtJlBzJvQ==","shasum":"6e70a6264d0612813a1e2e55e60045f92cb7a9b4","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.d21acc8f.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI/D+Gb80oND8AcIHeoBVhTXomrnDPTmTx4oSFw066tAIgJbq2JHAUbH4aUsG423+uZUZDnotwRwwAEfYKKlQskjE="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.d21acc8f.0_1634769131139_0.3220665197539794"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.25.3":{"name":"@material/mwc-circular-progress","version":"0.25.3","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.25.3","_nodeVersion":"12.22.5","_npmVersion":"lerna/3.22.1/node@v12.22.5+x64 (linux)","dist":{"integrity":"sha512-ajgSzfdRfq0/sZg0Z5W/ZpgZwD8Ioj59m5ScCPXXdkRoVHf7+8lsD/2Fh4095GfoYE4PWSkXYVlWsQCx+aJbcA==","shasum":"a1b62ab81cfad5a659ea249fc211061f68e9160b","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.25.3.tgz","fileCount":16,"unpackedSize":47748,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfmBxks5wpe7bnPZK789c2W9PxWcsjALQoOOL6ygZP/gIgNB/PSDdTftMBQloqXmNsZWp1vEPBScYszyq4kMI5EPY="}]},"_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-circular-progress_0.25.3_1634838938934_0.8289240688372324"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.60449b7b.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.60449b7b.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"cb5b8ebecb046df6d10001a163b69a26954c94bf","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cb5b8ebecb046df6d10001a163b69a26954c94bf/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cb5b8ebecb046df6d10001a163b69a26954c94bf/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cb5b8ebecb046df6d10001a163b69a26954c94bf/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/cb5b8ebecb046df6d10001a163b69a26954c94bf/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-N6emyqiLoOp64O0YQs6RRtGQT/WovnINzsebPkW5e1p8eBiNlxqiG5W1ro7i1cV/fx7ZL8jx95G4GC1lN3Vw2g==","shasum":"d35c4ff118535ad219ad9cbcdb271686aafc1852","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.60449b7b.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/cm//Bcgm+7hwvtS0vVtq1MCUC4wsSG9ZQX3ZnC6sgAiAp61Cz3uLMbxwcOOF3LS1EeDRdpe4IzFE41XWwSdWlJA=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.60449b7b.0_1634840223236_0.3374718511650525"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0d8084ed.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.0d8084ed.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ca8c4979ee49843dba32b345040faa8c1e8a22a4","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-uvA5k6E+CQp1AAsPFVXoJrd0we3uyixIF9zwwCMxSC1+FSTX2fPiST0ioDvUTe74jkXYMW6FW1sQFxLE30F3Xg==","shasum":"dc15ed14f888b55ef118e560d71d94ebf0f0c5b3","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.0d8084ed.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHC0guNLt0+MABShOb9gECx6FqvZY2FuLHtP8SnYkMugIhAP+5adqhQO77jK2pZPGKTu3UAE53TZ5azkQTMQCou2N1"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.0d8084ed.0_1635443076092_0.19161732453455138"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.232327ee.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.232327ee.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"0645d0b4b0eac5799fc20a3bd279788eb66a7564","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0645d0b4b0eac5799fc20a3bd279788eb66a7564/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0645d0b4b0eac5799fc20a3bd279788eb66a7564/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0645d0b4b0eac5799fc20a3bd279788eb66a7564/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/0645d0b4b0eac5799fc20a3bd279788eb66a7564/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Z2smcUeUuEmpXF0+Rmx/VK0Wbn3RR3VDv4aeTHt7XY7h+vIORJ72e76KDSi63eN1sSj5UIfdbPuZldl09SrGFg==","shasum":"73105c8130244ede101f6cf27bd460630fcb4bb8","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.232327ee.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAl+SaTRKGVFz9pY9wwSso++QwQZmCTFa8BhS/AAJCjjAiEAydGYgYFDD+qMDMjgzX5TH2ofkt05ClIAKnR3dnY61lw="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.232327ee.0_1635797726395_0.983465406111947"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0a492ae8.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.0a492ae8.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9f520a49648fd39a7140df761448008fe0fbb492","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-aBApARwkd6FXZwOAoOxqs+6jFPmJTdRj6Vh4ovBVwYKnXUIX9NTzBogCWR99olhQEwrlM9eprmMVNc49fIzOmw==","shasum":"e91ba3381d3767389c59330dcf71f22b20db263d","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.0a492ae8.0.tgz","fileCount":16,"unpackedSize":47783,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnFxciwfCLjFF0HjpqkUc0nM4/9NkVEy91T3ad6/ZdDwIgJShfa7t8xrwVm/YU0MLLnb3ob1PvAj5OkY9sS5fecC8="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.0a492ae8.0_1635847207248_0.9249198504854432"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0aa18745.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.0aa18745.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"5345838b7f3a3ec41bf4ef997759be6aae3cd340","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5345838b7f3a3ec41bf4ef997759be6aae3cd340/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5345838b7f3a3ec41bf4ef997759be6aae3cd340/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5345838b7f3a3ec41bf4ef997759be6aae3cd340/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/5345838b7f3a3ec41bf4ef997759be6aae3cd340/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-Cx3nAxOlYYcU2mfFv5kuKg+AbIcxblQSe/rrYyHF4xfrFKvGYARyWYA4eFBTZR0ZLkXP/UNuWGmYLIdAKAByew==","shasum":"3dba6df5daee2d4c45ec2d7e632d58dbab3800a1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.0aa18745.0.tgz","fileCount":16,"unpackedSize":47816,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB8GaeNRXNxjs3UE0nPcQU/1bf3Aq1Ns7HVln2yvAer7AiAfEJbnrdmYWjqPc7oP2U6EJ9ub+IXDz9v+PfR0phOCUw=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.0aa18745.0_1635876450858_0.6156150288783027"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.f3e28323.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.f3e28323.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"ebbbec0b1b0e29da237ec87bebd889c3af847f1b","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ebbbec0b1b0e29da237ec87bebd889c3af847f1b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ebbbec0b1b0e29da237ec87bebd889c3af847f1b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ebbbec0b1b0e29da237ec87bebd889c3af847f1b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/ebbbec0b1b0e29da237ec87bebd889c3af847f1b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-oEJeZLkU4CLJ5xppI8l5tcGAsxJ9/gdrkNEdeWjrNyMOGW1lhjOIwUfJd5INJKIY85Mz7V07+/pOF2fgXOXI8A==","shasum":"9fc1a67e121730c27dacef50a3c7b37004f2bcde","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.f3e28323.0.tgz","fileCount":16,"unpackedSize":48630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdlUHbtTV95/5DOWZXp+73yhICau2VCB+Xwp5RHpiwdAIgCuSSxAUGplyfUWNsq+jmhRwMkr4ufCU0qXY8X26TrYQ="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.f3e28323.0_1635879549984_0.601038510289347"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.27e05c5d.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.27e05c5d.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"c052b0acfe9f929e6bae475576f23f8349bde578","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c052b0acfe9f929e6bae475576f23f8349bde578/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c052b0acfe9f929e6bae475576f23f8349bde578/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c052b0acfe9f929e6bae475576f23f8349bde578/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/c052b0acfe9f929e6bae475576f23f8349bde578/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-v6K/cbnZQmpHIeAtWz3j6nHFUblILV7AZkWO7pFQG7lR7EAWH1bo9hnyCBBCORbY0fa794orPMwNm3J7QJEoIw==","shasum":"4172a67f5fa4217306e04ae3b0d172420ffa4935","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.27e05c5d.0.tgz","fileCount":16,"unpackedSize":48630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBZzLep3UGIBhjwF3rWtHSf5IRqPoYscm0oSy8dKGuWPAiB9Ky+7tpq8fPl4TBYHJlIqg0pHRFvrMPbUdgvTHQPCbg=="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.27e05c5d.0_1635965080462_0.510898312460677"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b9e44af7.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.b9e44af7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"93bbd63ef108db911df936720517c5068ef30dcb","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/93bbd63ef108db911df936720517c5068ef30dcb/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/93bbd63ef108db911df936720517c5068ef30dcb/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/93bbd63ef108db911df936720517c5068ef30dcb/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/93bbd63ef108db911df936720517c5068ef30dcb/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-1REnp5UBJ0RQpsZ42615CbPFqgJzx3brP3b+ibtELul1Yj++5zmT9IWhASb1egBMIxVVg6SgRsGPlZF1d81R/A==","shasum":"38a7cc5f85dc528d444f7d2efcab7f98af053744","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.b9e44af7.0.tgz","fileCount":16,"unpackedSize":48639,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCVgplE+5PYuRi+OpVzu86KR0mAEBE3MEkhrimMum6yQIhAM+C0/slILEi62mOfIijlw2+ufgTyD+vgvrx1RFbmfn8"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.b9e44af7.0_1635966223934_0.14486598232012415"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.448f6cb9.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.448f6cb9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"b9833961f155dca92373d3a6f0476bc8cef934a2","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b9833961f155dca92373d3a6f0476bc8cef934a2/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b9833961f155dca92373d3a6f0476bc8cef934a2/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b9833961f155dca92373d3a6f0476bc8cef934a2/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/b9833961f155dca92373d3a6f0476bc8cef934a2/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-M4yyqo5KS5t8/7Z2VQDTSIzR6P4avbnzExdoeSphWm3RbS8t5XKNJ7em6h57KHYH4A24cKbvCLQFyBX7SBRaIA==","shasum":"5900e782e2ceea159ed5e5ea0f19884d8ce05280","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.448f6cb9.0.tgz","fileCount":16,"unpackedSize":48639,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGhI3ugUOxCxwkM/xCgSjkw9APB7S86jhfn6LV0Hz2hwIhAOU/b0B353jz5KD7LAqb+UZ80VADtCln6mBTwwhzhbWV"}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.448f6cb9.0_1636049257491_0.007358107832340366"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.8067ce28.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.8067ce28.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a4d0d35b15bd6e7a29375f11c520886e5b9d168e","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a4d0d35b15bd6e7a29375f11c520886e5b9d168e/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-LZL2FnT8xwH6Pl6he1pyXrlqUfSyDF5KXph95VIU5sRMKApv73EAdQ7b/Zm2g59/0ITfwZJiwvpaX7C/I51/vA==","shasum":"8105282e55349f68e418ee37b77bcd7a6d395801","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.8067ce28.0.tgz","fileCount":16,"unpackedSize":48639,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCx5OG1lXntPutu7sJc0lAITPVqoBndNH1IM4H9F63XywIgMNM+yZbuh12SsHI6Znsv1RXqlr4rltNBnBPqbrsaOqM="}]},"_npmUser":{"name":"material-admin","email":"aprigogin+npm@google.com"},"directories":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"material-admin","email":"aprigogin+npm@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"williamernest","email":"williamernest@google.com"},{"name":"aomarks","email":"aomarks@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"allanchen","email":"allanchen@google.com"},{"name":"esgonzalez","email":"esgonzalez@google.com"},{"name":"asyncliz","email":"asyncliz@gmail.com"},{"name":"candysonya","email":"wangchan518@gmail.com"},{"name":"ssuarez","email":"sayrisuarez@google.com"},{"name":"taylorv","email":"brian.t.vann@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mwc-circular-progress_0.26.0-canary.8067ce28.0_1636064528162_0.8515898186468267"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.345c2bb9.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.345c2bb9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3e7898316da6adc11d19b54d685e52bc4bb79733","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3e7898316da6adc11d19b54d685e52bc4bb79733/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3e7898316da6adc11d19b54d685e52bc4bb79733/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3e7898316da6adc11d19b54d685e52bc4bb79733/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3e7898316da6adc11d19b54d685e52bc4bb79733/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-3OMGFMa+JHVfetqHtDXaQOWFVstbpv10N6T/nRuDVvPMCofV3Vbapst4S94CXi1HaE82xeap6pCvBGhQ4eyX+A==","shasum":"3cd251708168771d781d9863cf8cb0adace1e54e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.345c2bb9.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqP3QCRA9TVsSAnZWagAAZRsP/R7ojFTXYRwLaQCeUZrJ\nzXX3A86JFmiq6nHNeZmmoYZavPYn8hAhe+lGgJ+RSLygTQ6jnzPGcLMk4eTQ\nKPvO0hRE3dvRHCEMdtnL3NqKtkuzFe94fkhFbxFCJVItQQ1ipR4whZdz1zVP\nCf4j8abi/vHkvyhzqN4jaYbjlxWuxXSjwAduVcMO4q45H/qWttMcg3tkSdm0\nZlnr8AKoBuJPVP3x6+c+Pok71Nk0x3owq4BSkzNuKq3MATCuM/xlFTinjLWC\nJL0uIwjtZiUcVxOd2r0v2CXpl9iAitUy+k8E52SKBJm2IHET/RnUcsaNNlqJ\nEGZ76NFRbuCnD4XG5solwS3S/2qGL0c+Hp/w24/Hsm1HA65cIy+4dk/Hfj2N\n+z9jjQvMTk4wkf7GdI6Yu437ihuNHtLNzrP281t1gLgRtbd9w6gg4kIJs/Iv\npxjcscPHewBjSBsEG++jtnaQu8W6rREnhjZ8kO5wns1GXvSUh6F8c1RG87r7\ntXIgh//Ebhnq5pXG4R4Rc1H3XuHDpqrZLBcfktRALfQaYXmLIRoTEEox62l1\nXQEhzfKkxXqgBo7WMfHnZbF45hMhW0HVRbETO3ii6zuPncLRKMhecOPy2TZg\nyixlFuPZp0jNhNmEIX9o15tZUQaz4XkTUFcR2/IsVGz59Bbx+WzV+5SIdLmZ\nOMWA\r\n=WF8G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHyzXNn2CBfZPFFf/wpauMdpVcKf51cCMI31x0fKNMpRAiBuc0b6zQiKDh51iRbZ9odiOf1obUHwIYvOh6GzPDKR9g=="}]},"_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-circular-progress_0.26.0-canary.345c2bb9.0_1638464976689_0.29275479126136283"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0547aeeb.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.0547aeeb.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"2115410a9593d1f2c95099961aed3e6e61255f88","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2115410a9593d1f2c95099961aed3e6e61255f88/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2115410a9593d1f2c95099961aed3e6e61255f88/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2115410a9593d1f2c95099961aed3e6e61255f88/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/2115410a9593d1f2c95099961aed3e6e61255f88/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-5F92W4qKRWCcmyWVuZ9R1cn35In4ydsueTctQivvwiqS0XvJsXQlmZ2jGD71zSbwZbldHaBFFTP9LoAgnHal6g==","shasum":"eab3499bfc73c7466198790442e25160ca0b7611","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.0547aeeb.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrjvRCRA9TVsSAnZWagAAmrgQAIU4QiuveEKw7nCFGVrE\nfbF/3n2r7TozamWLO9tfQ94QVoJGIUnyCqQpsxXX76l7rX9ztVvApc6mMHW8\nLguFwSHfsJ7AIe6TSB7W97BSdfRi5uTIisdKk77IN87WwsuMpWb5poiIMwup\nO+YCUFOAWiKkzjnsW2QTjHq6XOdtuYJupDNCPtIQ6OqSqYUooL5YZv558Vl6\nyDlW/8yI42I9ODuO+CvxM98e7/uimhyBthEXK6n3MqQiLBpMV/JTzKfXuSwL\nb+pho9HV+vPZRxgVUQa8SbwZ804VYn8OLWo13/2CnIJjYcDV4/gK0s0Ebuw/\n3k6p14taK/afLw6qxDpuCPsfEYzN2y3dl4VTxmZsPP1mLJCBYFvBrOw1KFKH\nciv9YLjEPD3gBU3xmO2RYYA1VJuemKDVFQKzC8Woa8wYvrS5RIqwT6p+FtUb\n9LkI6euyWIWtEbL/PAig8fH/bv868CV1I0o80MCUrtGQ2EnJO3q89JZBKsAB\nTStqpLPbmyEjilrFxKH9AeNxgHM2cGggw5ECPvLDnrayprCg5tFP5MeEVBDe\nsy+DIEWsRH9MGnLT797W/YYu2p9MTnmlAbk240rzoPcpMOAHPoP2WeC7tH8N\n5F77To70qoXReSI0O2i4EDvTk1C3yXmSgalkXjRh5n0pdc2FzWQVNr/o4pwu\nZRKv\r\n=vpAY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWjTIcZzWnwZv0k+Yqlude7Lo2ROqXW2jlxgsdjx7vJAIhALBs7epYc+XpM3q3QcevwhOixjX+M0nJH01XP5ratWA+"}]},"_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-circular-progress_0.26.0-canary.0547aeeb.0_1638808529068_0.36525109965179636"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.3b2452cc.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.3b2452cc.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"a95f7a1cbf5dd38cd64c9bb8e02e76d0b8927f1d","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a95f7a1cbf5dd38cd64c9bb8e02e76d0b8927f1d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a95f7a1cbf5dd38cd64c9bb8e02e76d0b8927f1d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a95f7a1cbf5dd38cd64c9bb8e02e76d0b8927f1d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/a95f7a1cbf5dd38cd64c9bb8e02e76d0b8927f1d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-DpAID87XRtZ/Xrod7l7MlDVpmPUe9d1J8Buze7WE/iHDFvaBglZSiTUKAqk5jiTYld9CPLEL0O+F2DNKWsQ71Q==","shasum":"7ce0e0a2097f25d83010ac3a208c111b695ede8a","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.3b2452cc.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsUg2CRA9TVsSAnZWagAAphEP/05nbQ6FEJVXktM6Q4p9\nJ13Ggz9NyS1xrWTlpLlI4rClrMONM+fqZDbK7W5TocpbPgvxb6JHVHb9abkr\niDg9RE6d4siz5DiQJbyMttZvDtNh5H9eeM8MpLe1zYf8UzKHGEkFRA0PvKoJ\nR0KT5RZqprFieclK+cj9hNkqzbpykIneoKVydv5S69erb47pk8ruAd4OAkB6\n1LWFSluDr7T5DBCGY3Vg8vl++u8qn/jcdpbJ4K6dpDhgqu99IQnye3BahQBk\nYHIHlkGBr2uRnUbKQUbBQwAM6CjYB1ggn53BFaUtol12SvKHCBhdyKensgG8\nWa/t47ZzLWcYumgjnfPrHCGtl8WQ4guQnEgeo7tK19axlud+a4nXnoFU+pbD\ns7wUpt0edD91FUqm3hEI6U0ZncLphBPIQUSTC2HtJ5IGcsrhdm+hSEiqYCAv\n4OJAXLN/Z5K0xv2XV9HsCoWF2RQ2X+GFSryYWmeHbd8GNGZ0H/xi/+uyY4Pi\nV+AxHJkMGnLULFDR3QdPA3Bl6cpAOYNvig+BM5YA3rOCkTb6lADph7YmERkJ\nQG8T2wq0pB2ab/MdsVWpvBdhRbQkQCP99pCGa8rpHaTjGJi3/0NBeA3lTd6M\nDYm8HH8kDTruroEN42w+SP9djsucfwzvSwBebu+sNZGQ+kTXlxF5Khu07CzB\ndM1T\r\n=IA98\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUnxSD8FeGVUA3AilNlDMPGN/cmreUr+kQ1B24dcUEAwIgfrRKFDwIRe9YoBAYdBEQqe/BHGbRvSYxxN6h6M4YlcI="}]},"_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-circular-progress_0.26.0-canary.3b2452cc.0_1639008309899_0.09740994583024776"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.cf7ba5a9.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.cf7ba5a9.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"7e92aaee33b1c30269a52ec2c26232d0690d3d58","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7e92aaee33b1c30269a52ec2c26232d0690d3d58/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7e92aaee33b1c30269a52ec2c26232d0690d3d58/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7e92aaee33b1c30269a52ec2c26232d0690d3d58/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/7e92aaee33b1c30269a52ec2c26232d0690d3d58/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-8pJ1vbuEBRoGa/TGAnZQTg5UCE7JzElRTn1BeDeH+fvtLfFxH9swELJQfV5mZQ/Qq78MSZSrcdqT9ok8gacgsQ==","shasum":"8cb10d375d94e6b3658a5702252111ff2e52a8bf","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.cf7ba5a9.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs6UvCRA9TVsSAnZWagAA/KYP/2DdW0wd0TeyT8lTcCf7\nzJ+xj0aIOSjf/AolDs1p3CZvYbTUp+XQPw6w3c3aHBNPkLA63IOXP6gxoEOZ\nI1+n70kYXVQwvP0QMY5rQRFI4F/YVHWKWZXbgrL2uZj+sbqSWCPXOMjsiuZV\nDl2AMt7Zsa/iL6chm4B0LIpkvSoraMdggKPmQav8qmqjff+KBDrtns5iTuLw\n3C+rPTlIp6RVYU9mBEgjArQX96f2DpNzRmYK3bXdsttcbM9fpWceJwpwdXCE\neXXrehgyJ1mM4Zn7PK5a2gAkjIR0faHzEKhqIzx8Docv0+TgIgS12TBKUk99\no1SY6ikyjA0Ea8QBi0AWJszHIqa4c6vnEIMAemx0Uxgq9P4cJLbgNtwZXQZ7\ntpUMPejQqYDlcOlAECblm1xXs5x8nW+Ewp67kkEXUeEwaMK8nLIFxojbEq+H\naJqcVBfpDorsD6bMzT3Q6h8TCSM4EDnuwatUm2QSTThdV0gTTnSym32gGV78\nDVSsGBCzjerhE6W5yRxgY1TDzCyqTnBSjDO7ZrF35D31axnhgAZV8OtdoKKs\nMRrPMaxpOmA8JLWlwrSqQc4BSzqsGJuZUHk3JSFV8yTJ4e+iD7bGV26JzN5/\nRjW9Epl67CbJSgJxP0Q0xsrYOIT3h+iOwsqFQuA0qXalRS1Zlsd5mJlsbDH7\nTKgh\r\n=jQdH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXzRiJJkcmdjRcjsXHqUOSUmRreO/OyyDgM6BcStPmXwIgCQdgmhUj/hrNvPSgba7brJVPHITuwLHKjGcYrrmEjco="}]},"_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-circular-progress_0.26.0-canary.cf7ba5a9.0_1639163182992_0.30945090752105253"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.e1bcf14e.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.e1bcf14e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"3cb6bc85426db9ac617c732735c808fd66cd1572","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3cb6bc85426db9ac617c732735c808fd66cd1572/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3cb6bc85426db9ac617c732735c808fd66cd1572/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3cb6bc85426db9ac617c732735c808fd66cd1572/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/3cb6bc85426db9ac617c732735c808fd66cd1572/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-dQos8fXeZr6uuMxzmsTLy5ZdQ7pyrUWDK1CmGesyrFrfkZKnM7Wbz4Cinxl0YiL2Mxy4LtXz2MVKsuzA+cLh/g==","shasum":"46ff56988f2920eb082bfbc21cc7637270088d28","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.e1bcf14e.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3dTCRA9TVsSAnZWagAAI9IP/3AewqKbfGpNuIdX4gfv\nfeKtSJzVkKOCCAEUrNeFfYL68GSLCW1CsLi6u/Jh0yFca+ZqZH3y2Qdo87jV\nla65wkrWg0tlZ3vLNAqOyn9jNzIslMPEvSzvbL6lCxbVeoPnPG4QGqzU6ghw\nY421miJULiPPH7mvAifsEoBeuYlKxpb8GUbVgVFf4iDR3PCUa+pfYvu+XA4I\n6+NR4aLo3CaNUoF9mxLtyNkdfYB8w26IHFJLFjiqUgPHHXVt7Ztip6/0Nf85\npVc4SkwPv56O6ts6+F3WundMSl1Wg06qSHPCZi+JdHdBSgAdYvMrbUPvKuWM\nF/74H4L7VzrzH+HFhKkhOS5ZWiqnsnzWdwoYqTwBhAFMkz6WJ0SCOaXd3H9p\nSG0kg+34Wn4E+drgI6OcgM/qHn4An1YfKGQgmgOaMiR3XktZnMkB1Phz5jlb\nP8TXAKueFLXq88Lq11L6dDWeNQiCe8V3dW5cP3UsAWl6Hce/lMcZb4ats+fb\n+u1T1wwXyqvNqaMn0PytyVxXiliZsEgMJ23HWpPklhk5suegCKMpEa02PC8V\nd/+JvIKgnecH3GPR2oe9itpnwZ4fmkvRdjOAIMlOEuzuSDYSGSlBOEWwcTxY\nCf7FAC3HPOmQtpciBgqGBXRu/2JeG84OfW9WrGZHTVZZ+aVutt3E+kmKcjao\nhe9i\r\n=gEcA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDD8PDD86wTnTLl+LNh03hnctiZVlimNY1XRajw+9JVswIgBqv/eevd5co5+doq9pgZiWSw+14iCWzvEUiyvEc17AY="}]},"_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-circular-progress_0.26.0-canary.e1bcf14e.0_1640724307144_0.7218215600188627"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.b9d35b69.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.b9d35b69.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"8ee41fe865471367787d08d3f94d1800c5712d3b","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8ee41fe865471367787d08d3f94d1800c5712d3b/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8ee41fe865471367787d08d3f94d1800c5712d3b/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8ee41fe865471367787d08d3f94d1800c5712d3b/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/8ee41fe865471367787d08d3f94d1800c5712d3b/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-0+QtNZdxc4JjJICN1tgobyXhCb1ispgQstQoKB1Wue7DbQSVFrzNWt8hNq7ebv4i2Y5EhRp+Tu1NLwxnDKDiog==","shasum":"56711aeb8df64df9fe83ee7ab2d06905cd5feec1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.b9d35b69.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1eLOCRA9TVsSAnZWagAAM4sP/3ePLv3XoQAS/5C+zTWL\n2r3QJz6MBBWZcdyERgB6+NOIPCWRygM5hz4x6dSm/0xt6lr/HLgJqQ985Gea\nqrALkD2UcVc3vBfrI+2p/kpWHHJbLiiew9ioFsAerNhX69Lpjlsky4TAtrxn\ne9UXPDB6th63Kjse0f+/EUijrg1jo6l68LS8CaxKRLzFdCTV1XnFETQuCqRJ\nSvK5WiuzAMc0fpjpSHiSuJbeYzzS4yvAqmia/GRXjjSNg0Q7CpJuf5GPSRIn\n03QYZnDm8Kmwmfqgr1HLv1u93hQvnXr1A1jbOWQhiF9wq+WSryPtISFfMFtp\nEqT1FArFCweIFZ6E87CGE7Q1GXlmHYKypHAFbs6fCRR1CA3ArBBZ5S8WMMms\nuMucdpTOGxsa4Lb+LTwxNPjeK4ZwWewQ1/d3UgiIz86fMywYgT9oKWwOsaGf\nuEoulNrwF8vVloxVmmeba4aLOwm/1riuii5SVD1HK3qqHdc8w07m16Ghdym9\nXwZosfp0Yf3S0aljKzEUglCC3VswNLnVoxMOZBBwC51XRbeS+V/g6Svn+a1z\nDHh6W4jTQpIVgJyTPwFl4Y6cWt5D+6VjjIlabHlr0Zqqj9TbTqEBfBzIE0QY\nF963WOWky4OvChNyBh9uC9x6T9D7xSyst04J6puWoJQPmw/t8hHeMRB6nnM+\noSBN\r\n=mR2d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC78iJL8a2Fxw9knweqn3Ny8ooDo+C0ke/vY5JnHI8LRgIhAO7yj8mWoF1GJbQ5dh5563Ob/T68hPdOHOUM/BfGthFF"}]},"_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-circular-progress_0.26.0-canary.b9d35b69.0_1641407181995_0.3974006925758833"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.2afff08e.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.2afff08e.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"9bada09943cf93e3b0b697ef81fb87cc7b781379","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9bada09943cf93e3b0b697ef81fb87cc7b781379/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9bada09943cf93e3b0b697ef81fb87cc7b781379/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9bada09943cf93e3b0b697ef81fb87cc7b781379/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/9bada09943cf93e3b0b697ef81fb87cc7b781379/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-K/APnRoxm4tQjah86V3HoR2cB1PiYpRdAPaa+cHogHRQQsAy2u19H/qqFuYOoQjfodtcrSPKoGjdT+UcgHJ/9w==","shasum":"7cb21d9662e2857adc706804983c695ff6e380f1","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.2afff08e.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh12udCRA9TVsSAnZWagAAhU0P/RYDUHwY4R4VUlcsbWjp\nlhJCvN/2TrU6NAfX+S12kAckjlPxX057gw8hlK1o6L/UlwzWgUQLyL7wrA7J\nj4mED9BbLwxlZ2vlml30decOtFSRfbCzS5/P4uPrxW7HZoGtSmZ5x9nXaBnj\npPXtdzX7B9MnVB7qyGYweqvUy3SvlUZjrTHErEX4Uk2wYlkr62KjxRpdrNd3\n0YtoA6g4pgHvYwj40RKicPxXFp/32IKgLqlPEMvHi6kn8WxnG8ViRV0cUAWz\nf5xGyC+tylgYOgag8ooQ8cf7gQ0wP4IyBCljc+AD6iVbvfJhIKLxvV22HwiW\nTJ/N/SAY1TclpEtOPAMYm2vxQmyam+ovaqvButpdZvXa7O0BolY02YLmHVgR\nDWwqBbfTbwbTkXyTopxEkN8GpnZQy6UUFL5gkhw9mMnCwH9S85jAzMQlPyoq\neBL/8vXTlDYqPhDYRia5aR70oN25FbP53BDsZu2kC/YKu8WW+zXdJQGws4WE\n4xXkotXBZ3M5rHNEtyDL1tCSixKVl4+f4kmq4D2o9SpM0CVEzStH1y9jSi2t\n9Ad868UErSIx81c64zuhmghI3tAP+8fpT0Z6qrFQfGVEvVkQN2zPfzebCtjT\nzZl9NZeO/WsFhpA4EQyPU5HNJ1bsFfvoJJnRUNFtNG4e53YL0WJlXJwKWgfv\n5TcU\r\n=WDoB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgjGa3pJA2ZFHmPyoSKVtDXzxXWcDPPUgHj+I63vf0hgIhAL/oofdAu3cJ7T+fSMEqrBh+0fxU2qp0hy7QogaXHcNP"}]},"_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-circular-progress_0.26.0-canary.2afff08e.0_1641507741011_0.009691979882954227"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.893fc857.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.893fc857.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"6cbd6b098ea6e47fddfd2a5875df6d41262b532d","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cbd6b098ea6e47fddfd2a5875df6d41262b532d/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cbd6b098ea6e47fddfd2a5875df6d41262b532d/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cbd6b098ea6e47fddfd2a5875df6d41262b532d/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6cbd6b098ea6e47fddfd2a5875df6d41262b532d/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-SCHtV9bHgZapX2eBwrxpIsbMJ0arM/Pe5HCgQsQWCASeOXFO4z5B0mD1BJkzqTp9+ZoaYFdvjEjRIy7f8HHzEA==","shasum":"d8e800df0fc8636f3ff3aa684f8dcc1e51120064","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.893fc857.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2IwXCRA9TVsSAnZWagAACeEP/3H0KAVDLiGIpIAycapH\nBdikzcW6VWR7x38me18vTxvSXKD6LR5YI3Ia/dnc7lEUQy+M//3xcPnMPgG0\nLbJPAT6VVqZ7suEa3rbIlTftocb0NjH6WkWcRYXjeDvmbyfOygzdI4k0mJer\naLNABFEv+gr1rywfSgFS2jHQc6t7sIadZkXj2KqH3bEbFa/4tWPfnbspWDJ3\nZRkhvLl41miKUaCFeZHRfVXQHKNIs1+Rioh0nE7Md9n1bmCVi05JhNspO5cq\n/dD3GM/YVyOx027WrbuURaArvQRlr3gTIGasXIhxVc3Bg7TjelLY2VkQlJOA\nv1fSC366PX7s5SqCezdY76gTaIRC4ou74zii9tl+5iLTKX1eWC8pnFI+Pezu\nt6tMxkEyr0Sm1brkaGykhQUkSI44jdAtE/f9GfdrVJPrdByaSCGVX4hKkFNd\ncBRDEZ39prMY8NltlgwBvkCQnN4v89N9SRGGi5+clk+XGjaw1IlE+ic8kL5q\n0zu7sU7x6G7QzxaGJL/Rr+LeonCRTaxziTLbDrn5wJIcEblmlbGybAG/27yX\nk4MuyEaGU1ETiezE5JdbFL7K+9/oSTKoGo76suYUHaAl/J9foXOLmLQssLjz\nSrICzbKzdvrq6AeOcZrvjBrFYoZQmVn07plZGx3jAVVxcfOWBx2WEQWetkRu\nuu5b\r\n=Hhrt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHU4ep2EY2TF9wmaFs8hcD7SqyZGCxLel/WIKUMe4P9SAiBbPj4p2POx5xuLwV8FSlGGEDItHxlgXVq5ZEQL8VltpA=="}]},"_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-circular-progress_0.26.0-canary.893fc857.0_1641581591353_0.3885451974252947"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.69ba13b7.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.69ba13b7.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"776b813e379c8d90abf2a0ded57168c12f62adff","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/776b813e379c8d90abf2a0ded57168c12f62adff/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/776b813e379c8d90abf2a0ded57168c12f62adff/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/776b813e379c8d90abf2a0ded57168c12f62adff/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/776b813e379c8d90abf2a0ded57168c12f62adff/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-rhunl4T427JjMiWqtDYqa9fsUr9F0cko0ZKyO0RD80WPjC9YU6cD4Dt6J6nezMmS4HrkzoSQPA9z+M6uLqOALA==","shasum":"6a4532b8cb6e6303c8283400bc7201cedfa6fce7","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.69ba13b7.0.tgz","fileCount":16,"unpackedSize":48639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6I9SCRA9TVsSAnZWagAAwAUP/1QoZKbOUN1m6bqCEVp+\nE9eFLT68auSBfUqibbXIBapdni2aejbXtgvhLLDBsZ/1HBCm57fKind+PlEq\nkQZKQIDxOAVfUznzANaZzZcHtUqNU0DLerSRGuQyO0f5B99JpHX2/RaEhGq2\nbYigueKJjquxgc6pF6RvGbVc77G0fFLl82UHmpZIeuIAdOwibGEf/ZN7zh/x\n9nH2XBfVmUaf0a00qP05Fy/JEt0gmsqRRSvxg5s4v63JOdjQDD/8jGFTpend\nBFOWdz+c6KpMf8NiGLqR7a++vR4iqA4RxbR3W0m7XL4qZdvZa6H3ZIwEO90F\nJh4WBZYryM4Mh90vwczjRmtSNEaEaQruIxi9CwJ+eoHE1cNFExSmEsW3LBYs\nWC4c8DOoKjih1uFkRdLI+y5wHiF+CWDtfnduFQfK67tqlXWvGfTp1yTvY5He\nm80n6coHIp/sWlqohJLibjvCTpK8HnXaG1WFYAOBGhaj9oJtSeJZJpwUkUNC\nK3HiGRlWSrHLU5VbeFXlD6gvblFePtE6gH0YMD4ivdSGfKENYpg8DfnlG9RT\nsBzbpht/iKzA/AYL0x27HdsARbpp9Oc2cBNGj2yWlrklEIcSTRTQNTSStBVy\n1O1GRsAEhJjLvCRxdhYtywVVXrJhhRccOwMyER4wWaRiD5z0+eVzJhLW0+w8\nwEd6\r\n=ccSm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjx0eC0qqhRHsNtVFWeKsxkhcIYZIoIvEtw6JpfcToTQIhAMJoaWbb57tORljcekC801+ctWHfEQ+ZkLCX2X2NRf/1"}]},"_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-circular-progress_0.26.0-canary.69ba13b7.0_1642630994630_0.22221274513525024"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0-canary.0af8ade5.0":{"name":"@material/mwc-circular-progress","version":"0.26.0-canary.0af8ade5.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-progress.scss"},"publishConfig":{"access":"public"},"gitHead":"64bb121cb77aee6a854395ad838fce32a6051337","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/64bb121cb77aee6a854395ad838fce32a6051337/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/64bb121cb77aee6a854395ad838fce32a6051337/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/64bb121cb77aee6a854395ad838fce32a6051337/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/64bb121cb77aee6a854395ad838fce32a6051337/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"homepage":"https://github.com/material-components/material-components-web-components#readme","_id":"@material/mwc-circular-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-RGeayU29r8ZBdrWgXD0hGFnd52M+m8illl8N2y5ATdmnToCO5LHJj+15ih1fgWEI9dbyvHHgtKUM/iZ2NDZ+GQ==","shasum":"06703ae3405730dd1ba32ae313b48fbed76db018","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0-canary.0af8ade5.0.tgz","fileCount":16,"unpackedSize":48673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAZdvCRA9TVsSAnZWagAA3cMP/iNslr9AgJ0RGnd+GjyF\nQR9S4Kr3C3UJCv/j1CKvth94c6j9G5Cq/50bkDOKLp6ar4Bau7Dpa9gkJomQ\nBOvnA3bItU0bZeIvyt5KbazKrN0dxZlBLi5G4QARAiDKM3u90Rp0KykHmyKb\n4N0oJ+LHlhWcqvunqlzJxtKw3p0rcNL6YJyNyVb5lBR5FUsaEoDvXGdslyKd\nOm6zIseNGwgjCrNuNr4V9iEnfo5kVYKiXTGd9XiA6Yu7TUc6Vwp7f5cZ1SqL\ncjCDALD+85qksrDOyLmdEb6dLAEk9o4OAlsAfdONoOa6i/2yzzotPRipe9CM\n8WkxBhJCEWWiXPwDHBsBoAwaj96AxYUrOJctpfEWcBfZoTHMi4Jo5J38OC9O\n50Aod1fWjSfkA5W3kYqc/4YxlIBqgVXOoBCY4gbJpQZsp5B0b4RLaAimpjz0\n7p2D6z6ciLt7a1cLfLR9CwbiVkSxxHcuoLmqRf2LKszVIQ91FafoPzPR8Oa5\nY6ktNMUCVTpxTWQ9FQUnFi0VrL1dhRafTbECVT7cMxvvWtuXTskzB/vifXA9\niqT9jmmTJYR/detXy4MHs4wrm/u5q1Lj0Kf2/6G0TtLTEI1gvgPWlXqlMB9D\nxhQC/b5o/ZtrXqMHq2ERRDGAFn7dI1pfRNhADQ1yTLzevqYmUiFpLdGSRkai\nRilp\r\n=ssLj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkdR4/kYC/Wy0PDGZF/K+Lw0MAuWLbzzwfd6BlfJ1YewIhAMjhb8CkqqaXAMbJpewnF8RZOemMTm+NAL/CGq0FohfV"}]},"_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-circular-progress_0.26.0-canary.0af8ade5.0_1644271471750_0.2525147701477284"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.0":{"name":"@material/mwc-circular-progress","version":"0.26.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.26.0","_nodeVersion":"16.14.2","_npmVersion":"lerna/3.22.1/node@v16.14.2+x64 (darwin)","dist":{"integrity":"sha512-t/1MvCNt6nbPXuP0D2tF9hSNIoHhyiWHXpDC99erk7V97M06xBmjkW4xOaOSjnPVKtL5NmNpfhAdCG3Uy+kjUg==","shasum":"42ef00be59d171fedc9745664c1b6d43058e379c","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.0.tgz","fileCount":16,"unpackedSize":48570,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBYIUx/oC0RrJ3PPH2OLDgY1lpNn7vOsctWAgQUfjOi8AiEAgFeaYg/5bsz4kb1i3H27P825u+Yr5CcIkwal6o2rs18="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicWa0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcHA/9E+OUb1ela1Y5QHJzKP7W3Kw9i89qiapsrcpOLfEdg/1Z8xpN\r\nVk71uWcP6kFcaPAmlFqTR+Mfh4HhB0lb6+GEwmPfij9KttDVFrOBxiHOKj5j\r\nXXnh7MgIjH1ChdwUaIRt3B8LRIFF1HE5qwncPeDrzc9Q8DNvshuJdKOoiEbu\r\ngVyxLD6afEDQ99+AsRoTMKhX4VbArsfc96P6FidaKENhUSLyOxmvX4gcEEuL\r\nB9JSZfEglizdaw2ib/9PNC4SDa37i50FIBEkZIGYCSye3mveBN5WUJ57eDi6\r\nJ7tKaJ61Mn0chLYxJn6oGghC6JS85p2KcXqKRNsk5A5KkWbIpw1lKTKq+3zl\r\nCrL5GTGQ7L5TnFHTZaw88wzHl19xUZfN0b/zbzTRLrGXR2fPecOYLVA8MsCr\r\npnPdbl0AprlwNjT2TNytj6CLjrZgiwplM5MebYgQ2PXngDle1b+WYn+hM5Md\r\nGqzUe8WlTfdEltqElpplthg/wB1dH1KIiovlkQqICj84bu0DXaT3nW3L+UcS\r\nWz9FmYDt+bZo0LfDb1i3I9IZkImB7hNlt57kcyVAbQy0B3U18KNwvuaXc/zc\r\nLXdNDMyge3xo6Kpsg5g427BqMpZzhKy6emXvb9OZNiXwbar9T5n74fntmjZw\r\nL2QUVAaB1cbyKUdqnonYl7UE+mS+dvAbb8I=\r\n=8qAK\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-circular-progress_0.26.0_1651599028616_0.879628933158225"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.26.1":{"name":"@material/mwc-circular-progress","version":"0.26.1","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.26.1","_nodeVersion":"16.14.2","_npmVersion":"lerna/3.22.1/node@v16.14.2+x64 (darwin)","dist":{"integrity":"sha512-D8J9ziKpUFR/QOEqZaVcOE3TC+JbN76v2monmZ2I8ctuSDDgg0xuJqGWH1K2VLb1elGq/paFJwSdXMSUNZFstw==","shasum":"601f79889796f18bad78b88cf7880f5a3506328e","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.26.1.tgz","fileCount":16,"unpackedSize":48684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhyop3kxYDwekb82wJiFWNznlj1eX6ERxsi4EmV8hEcQIhAI66ZjX9B8U7gwH4LFBPAIZ3eDR2VULDU3ZZPvv4UuG7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieXoxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrp3BAAntI11t6TdmdxrwOhXgr2KXCU2DkdsHkam/eVq0O8cA7QotTY\r\njJ6teE9fTfIV9OXGB9HFXFURH0t5QhlFV6+7MlK0qOfeOcXPURWGCLq4XtZo\r\nio9DHhKLyBmujH1AUlKm0O9DpeCCftd2lDCGMt96m0lwNcURNXZqQs5ZZ3Hj\r\nk8qdZ1lb3VwAe+fx3VVQZBW3GtUghwQ0EaCgFHq8b7m3CZmGk7jsHG+/gK2v\r\n7U5pqSBRrsf8urXfaeQw0uH8mdxVWJF8bk78+XIKwwRUmZcm6Mxvp55pJGVW\r\n4Dh8K+XBT4vfIYxVjvwJR5NCz5MU14zlJfI3z6FDEv4rDkeBGLYy6YeOX4yM\r\nzeqe1zBZm2qVbsku0mWO9J7XXXN3Ov26bR2UqjR9Wsbq5mWNOKURxwoQXELU\r\nvMSLo/YOS31mCBelMLTELV4ca3TROAXPAn0+QWEHTzt2Adn+ugLApt+IniwG\r\nbB1tSLdXcYPiAdz65oIkDl/hyQo+9Pbum5Jm0JBdgDyTbzA21fspOL7ISYc1\r\nyQQcgK/N7LAZhU+DTC7NLq1fs+EUakJoRNl10YqUAlN+W+6wTWTn61N5wquu\r\n007zIPMKksrqQ+Ta2uNaLNn3/AgSpzEJH/PJgzustxvirEVDaEL//hpmcWQx\r\nYtawzMqsf6TLcPXgiCS0HUeknzIPpRrKesM=\r\n=jHa2\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-circular-progress_0.26.1_1652128305534_0.5225652569664383"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"},"0.27.0":{"name":"@material/mwc-circular-progress","version":"0.27.0","description":"Material Design circular progress web component","keywords":["material design","web components","circular progress"],"main":"mwc-circular-progress.js","module":"mwc-circular-progress.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"license":"Apache-2.0","dependencies":{"@material/circular-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-circular-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-circular-progress@0.27.0","_nodeVersion":"18.6.0","_npmVersion":"lerna/3.22.1/node@v18.6.0+arm64 (darwin)","dist":{"integrity":"sha512-7DkqMb5pUrHfLus5EZ7IT2HUMoE+uPpjGzu3MnDpIzDlfYo6I8p+ifWtEytI0NtXdY5UmITNuCv0RC77mhJrgQ==","shasum":"a0df2ec635fd9a802155bc09c755941fea42ced5","tarball":"https://registry.npmjs.org/@material/mwc-circular-progress/-/mwc-circular-progress-0.27.0.tgz","fileCount":16,"unpackedSize":48684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBsSNK0d+Ncij8dJR8vdwHiy/yxS9O+QTH5vhLcqJkI8AiAGFgJJjii7pAQX2CrNntJkIUt4shG6ZLyKyU9NlY5sPQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9qX/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1qg/+O9aylyCr7cHVo2V6tRECN1sVcYXUITmVgpnRMOq4GqfRR+JW\r\n/DW7gIb3qCM0Iw35ZbD5Dr5qwiOoyYxHxFZe//Mtu3KI6PO8rr6xhg08TPs4\r\nP59iO0aFUYweoIkNIvuPc5mJ8+U4fpdfNjndQRhkgt7BiUt6dqdm618UN486\r\nyPurOxnGdauSCHsPj/bY2wbqUvjwigGXt2xJJRsWSlF+bqEiylfXlGUynfwm\r\ny2RjElurDRdnlNszmiga4+ctr4KztgE1SU4KvJBVqXGR9NyKVo/QQ+ezVVZq\r\nB/Qc1VEDCMQU48Y+6hDJBBeZrWsVPHSf18Rc0/e3sOi1E/351lWt8wXRusIc\r\nFnyx2vahOuwfOJEteld2J8fjyInhYBooYKNX+sSWrjX4ypn5OXUsQP3ovI2W\r\n2CmdrIG2VawdokrVbS8xEniTEnbWq9z74x0yeQwzapUeDnNpR4ElDPPJ16jY\r\nKhFhWOsgpxY0ycvlaYXoMKu7VEIFsVr1RIZYm6SGSK0h7BEuNDvn3eYZwaMI\r\nrbnAU6S3e5SqlqTBn3QEaEKtlj8t0VwawMly5FKah13CGPP22mHs8n7qzVFx\r\nSHFYp0jKbdctD5WgnuoViLzcjzveKMsU7MmIGAm5CYygMzOZWYojGK26ZEua\r\nntk8wlL1P3V/H4UWnKrNkoSIV/f4o/4i5Rc=\r\n=+c7j\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-circular-progress_0.27.0_1660331519611_0.3289518198962742"},"_hasShrinkwrap":false,"deprecated":"MWC beta is longer supported. Please upgrade to @material/web"}},"time":{"created":"2020-07-22T22:02:13.950Z","0.18.0-canary.f181e3bc.0":"2020-07-22T22:02:14.187Z","modified":"2024-04-04T18:47:29.870Z","0.18.0-canary.346a622a.0":"2020-07-22T23:39:31.729Z","0.18.0-canary.c9e8a848.0":"2020-07-23T01:09:50.321Z","0.18.0-canary.718c385c.0":"2020-07-23T20:05:51.409Z","0.18.0-canary.cd516a27.0":"2020-07-24T19:10:18.160Z","0.18.0-canary.1f082191.0":"2020-07-24T19:15:40.564Z","0.18.0-canary.ea3e82dc.0":"2020-07-24T19:20:51.299Z","0.18.0-canary.94987b64.0":"2020-07-24T20:26:01.478Z","0.18.0-canary.ff49b7e2.0":"2020-07-27T19:04:19.665Z","0.18.0-canary.3d334ccc.0":"2020-07-28T16:14:32.204Z","0.18.0-canary.82ac569e.0":"2020-07-28T18:41:54.310Z","0.18.0-canary.99df7397.0":"2020-07-29T02:39:53.214Z","0.18.0-canary.45493e05.0":"2020-07-29T17:16:05.937Z","0.18.0-canary.f2ab0a95.0":"2020-07-29T17:20:49.135Z","0.18.0-canary.45f9eddc.0":"2020-07-30T00:54:20.830Z","0.18.0-canary.b64663ea.0":"2020-07-30T17:42:38.509Z","0.18.0-canary.9a1a4d2d.0":"2020-07-30T21:03:41.281Z","0.18.0-canary.887c2848.0":"2020-07-30T22:05:03.417Z","0.18.0-canary.354eb695.0":"2020-07-30T23:57:22.087Z","0.18.0-canary.7beb236c.0":"2020-07-31T17:39:59.049Z","0.18.0-canary.c44acc0c.0":"2020-07-31T21:10:31.770Z","0.18.0-canary.779853ff.0":"2020-08-03T17:22:45.675Z","0.18.0-canary.8aaf270b.0":"2020-08-03T18:40:15.546Z","0.18.0-canary.5cde9f12.0":"2020-08-03T19:00:35.734Z","0.18.0-canary.1607ec53.0":"2020-08-03T19:46:10.943Z","0.18.0-canary.678b30e3.0":"2020-08-03T19:50:04.528Z","0.18.0-canary.21c55569.0":"2020-08-03T19:56:09.227Z","0.19.0-canary.907d4d7d.0":"2020-08-03T21:21:50.593Z","0.18.0":"2020-08-03T21:24:13.082Z","0.19.0-canary.f7958e4a.0":"2020-08-04T02:06:17.994Z","0.19.0-canary.f8ceaf79.0":"2020-08-04T19:17:31.135Z","0.19.0-canary.6b9e385a.0":"2020-08-04T21:29:16.170Z","0.19.0-canary.9a7e6d2a.0":"2020-08-05T03:45:27.539Z","0.19.0-canary.188f3f1c.0":"2020-08-05T18:12:50.988Z","0.19.0-canary.b6106add.0":"2020-08-05T20:48:52.335Z","0.19.0-canary.ebb4c667.0":"2020-08-06T00:18:18.000Z","0.19.0-canary.aa44289e.0":"2020-08-06T18:26:54.998Z","0.19.0-canary.e6b0816b.0":"2020-08-07T18:43:11.504Z","0.19.0-canary.96d15938.0":"2020-08-07T20:28:18.295Z","0.19.0-canary.9d991c8c.0":"2020-08-07T22:07:57.105Z","0.19.0-canary.13bfbd72.0":"2020-08-10T19:26:54.431Z","0.19.0-canary.30b1b258.0":"2020-08-10T20:06:24.411Z","0.19.0-canary.1583e263.0":"2020-08-11T23:10:14.437Z","0.19.0-canary.fefb1a93.0":"2020-08-12T00:24:41.551Z","0.19.0-canary.1ac5b9d4.0":"2020-08-12T18:26:51.373Z","0.19.0-canary.f17f5052.0":"2020-08-13T17:14:04.332Z","0.19.0-canary.80b5d20d.0":"2020-08-13T18:16:48.034Z","0.19.0-canary.758635ed.0":"2020-08-14T17:16:05.289Z","0.19.0-canary.18d6b808.0":"2020-08-14T23:07:36.818Z","0.19.0-canary.5f8ffbd1.0":"2020-08-17T22:15:00.295Z","0.19.0-canary.8604d59e.0":"2020-08-18T01:01:44.819Z","0.19.0-canary.1d7d5e34.0":"2020-08-18T01:08:29.292Z","0.19.0-canary.9cc95c07.0":"2020-08-18T01:16:04.792Z","0.19.0-canary.9f65ced3.0":"2020-08-18T20:15:36.904Z","0.19.0-canary.5962b365.0":"2020-08-19T20:28:14.502Z","0.19.0-canary.9c9ec756.0":"2020-08-20T18:55:24.035Z","0.19.0-canary.fa0ad66a.0":"2020-08-20T20:34:31.973Z","0.19.0-canary.06ecdd6b.0":"2020-08-20T21:33:30.041Z","0.19.0-canary.2bca2318.0":"2020-08-21T17:51:55.061Z","0.19.0-canary.6aa47265.0":"2020-08-21T18:15:38.001Z","0.19.0-canary.e7202a07.0":"2020-08-21T19:23:03.215Z","0.19.0-canary.f208201e.0":"2020-08-24T19:02:42.522Z","0.19.0-canary.14a172db.0":"2020-08-25T19:47:15.866Z","0.19.0-canary.e6c1038d.0":"2020-08-27T19:36:33.671Z","0.19.0-canary.34012082.0":"2020-08-27T19:47:37.214Z","0.19.0-canary.c073f7b8.0":"2020-08-28T17:11:43.536Z","0.19.0-canary.b7ae68ff.0":"2020-08-29T01:26:38.869Z","0.19.0-canary.697e3879.0":"2020-09-02T00:12:33.686Z","0.19.0-canary.eafb7991.0":"2020-09-02T02:17:45.189Z","0.19.0-canary.606642ec.0":"2020-09-02T21:35:02.673Z","0.19.0-canary.ddf05c42.0":"2020-09-03T13:52:35.410Z","0.19.0-canary.b889e6dc.0":"2020-09-03T14:10:40.876Z","0.19.0-canary.aabeceb0.0":"2020-09-03T19:56:58.711Z","0.19.0-canary.d8cca3a6.0":"2020-09-03T21:30:57.464Z","0.19.0-canary.26d34b2e.0":"2020-09-03T21:56:21.144Z","0.19.0-canary.a1c44494.0":"2020-09-09T22:06:44.773Z","0.19.0-canary.be1cd1e9.0":"2020-09-10T16:40:28.824Z","0.19.0-canary.f094c0ce.0":"2020-09-10T17:35:43.018Z","0.19.0-canary.c1261e7d.0":"2020-09-11T02:25:43.171Z","0.19.0-canary.9b39ed1e.0":"2020-09-11T02:26:39.808Z","0.19.0-canary.e67214b3.0":"2020-09-11T02:31:01.961Z","0.19.0-canary.36f5da28.0":"2020-09-11T02:33:40.574Z","0.19.0-canary.3babab12.0":"2020-09-11T02:36:30.396Z","0.19.0-canary.a4481e6f.0":"2020-09-11T02:48:46.390Z","0.19.0-canary.a9177836.0":"2020-09-11T17:46:57.481Z","0.19.0-canary.b102a3c8.0":"2020-09-14T20:12:43.550Z","0.19.0-canary.a7fbc707.0":"2020-09-15T16:04:56.996Z","0.19.0-canary.ed6b8660.0":"2020-09-15T17:24:17.219Z","0.19.0-canary.9c2331f5.0":"2020-09-15T17:48:46.628Z","0.19.0-canary.63a5f088.0":"2020-09-16T21:37:13.401Z","0.19.0-canary.b7995e49.0":"2020-09-16T23:26:00.089Z","0.19.0-canary.0da3ec97.0":"2020-09-21T22:08:04.490Z","0.19.0-canary.a0793c96.0":"2020-09-22T17:03:57.244Z","0.19.0-canary.06998a3e.0":"2020-09-22T18:25:13.600Z","0.19.0-canary.3484a90d.0":"2020-09-22T22:03:37.630Z","0.19.0-canary.3f99af40.0":"2020-09-24T23:20:42.579Z","0.19.0-canary.72aa1129.0":"2020-09-25T21:06:43.017Z","0.19.0-canary.394fd3f6.0":"2020-09-28T14:11:48.697Z","0.19.0-canary.347110f1.0":"2020-09-28T16:49:41.448Z","0.19.0-canary.5e330bb9.0":"2020-09-30T22:00:43.433Z","0.19.0-canary.30b9e3a9.0":"2020-09-30T22:37:39.784Z","0.19.0-canary.7bb04b9a.0":"2020-10-01T23:22:21.600Z","0.19.0-canary.615d861d.0":"2020-10-02T01:32:57.244Z","0.19.0-canary.af110e86.0":"2020-10-02T23:49:25.779Z","0.19.0-canary.89d27ca5.0":"2020-10-06T01:26:38.970Z","0.19.0-canary.9ef2e7c2.0":"2020-10-07T00:13:56.872Z","0.19.0-canary.96c8bdc1.0":"2020-10-07T20:07:12.164Z","0.20.0-canary.6c21f034.0":"2020-10-07T22:30:05.029Z","0.19.0":"2020-10-07T22:33:13.382Z","0.20.0-canary.1f026aaa.0":"2020-10-08T22:53:16.006Z","0.19.1":"2020-10-08T23:05:42.399Z","0.20.0-canary.5f6894b1.0":"2020-10-08T23:06:26.501Z","0.20.0-canary.f6260d06.0":"2020-10-12T22:33:53.217Z","0.20.0-canary.2d1b08aa.0":"2020-10-13T19:21:41.683Z","0.20.0-canary.5bd58844.0":"2020-10-13T23:45:51.728Z","0.20.0-canary.bc846b29.0":"2020-10-14T18:15:21.672Z","0.20.0-canary.3280b686.0":"2020-10-16T00:03:58.224Z","0.20.0-canary.9e94cd38.0":"2020-10-16T21:13:58.580Z","0.20.0-canary.4773c773.0":"2020-10-16T22:33:42.958Z","0.20.0-canary.65787913.0":"2020-10-19T18:50:28.839Z","0.20.0-canary.5485fba3.0":"2020-10-19T21:23:45.663Z","0.20.0-canary.a39d0a92.0":"2020-10-23T21:23:18.453Z","0.20.0-canary.4eafcbc1.0":"2020-10-27T01:20:34.732Z","0.20.0-canary.32961593.0":"2020-10-28T00:38:29.432Z","0.20.0-canary.8e3a0601.0":"2020-10-29T21:36:30.221Z","0.20.0-canary.178c25b4.0":"2020-10-29T21:50:00.078Z","0.20.0-canary.124beb49.0":"2020-10-31T00:06:08.041Z","0.20.0-canary.5937f468.0":"2020-11-04T21:05:03.406Z","0.20.0-canary.a9bafaee.0":"2020-11-05T22:30:21.541Z","0.20.0-canary.184861ee.0":"2020-11-07T00:37:17.599Z","0.20.0-canary.6c6ae2d6.0":"2020-11-09T13:05:18.424Z","0.20.0-canary.ea2aa477.0":"2020-11-09T23:57:20.568Z","0.20.0-canary.a2c088dc.0":"2020-11-10T14:23:33.372Z","0.20.0-canary.b04d71d4.0":"2020-11-12T10:41:35.636Z","0.20.0-canary.2c553352.0":"2020-11-12T22:42:16.275Z","0.20.0-canary.6560d19a.0":"2020-11-13T20:47:57.971Z","0.20.0-canary.a28d5ec3.0":"2020-11-17T15:23:27.573Z","0.20.0-canary.03e7e778.0":"2020-11-17T19:24:59.821Z","0.20.0-canary.ac8ed597.0":"2020-11-17T22:11:15.993Z","0.20.0-canary.b6a60f60.0":"2020-11-17T22:51:38.328Z","0.20.0-canary.71cc24fb.0":"2020-11-17T23:16:12.373Z","0.20.0-canary.761027ff.0":"2020-11-18T22:13:23.242Z","0.20.0-canary.dc93d04c.0":"2020-11-18T22:19:21.207Z","0.20.0-canary.4a5d4eeb.0":"2020-11-19T11:30:05.506Z","0.20.0-canary.bd176a15.0":"2020-11-19T19:09:40.993Z","0.20.0-canary.e85aa60d.0":"2020-11-23T22:24:05.895Z","0.20.0-canary.72092360.0":"2020-11-24T04:17:39.802Z","0.20.0-canary.baf9d39f.0":"2020-11-25T21:47:49.702Z","0.20.0-canary.51aab0ad.0":"2020-12-01T01:04:43.850Z","0.20.0-canary.8fd4af5b.0":"2020-12-03T00:26:36.735Z","0.20.0-canary.26d14d2f.0":"2020-12-03T00:55:16.153Z","0.20.0-canary.1663d7e4.0":"2020-12-03T01:15:47.916Z","0.20.0-canary.cbe9fc12.0":"2020-12-03T19:06:36.092Z","0.20.0-canary.9755be10.0":"2020-12-03T19:24:45.869Z","0.20.0-canary.3f64270c.0":"2020-12-03T21:49:13.431Z","0.21.0-canary.d893b14a.0":"2020-12-03T22:25:19.023Z","0.20.0":"2020-12-03T22:28:39.031Z","0.21.0-canary.47c7d7e5.0":"2020-12-11T19:56:20.554Z","0.21.0-canary.b304a78b.0":"2020-12-15T20:03:18.418Z","0.21.0-canary.777c5fa4.0":"2020-12-16T21:53:30.317Z","0.21.0-canary.635c7996.0":"2020-12-17T23:31:07.109Z","0.21.0-canary.20b0045f.0":"2020-12-17T23:48:04.984Z","0.21.0-canary.41f77000.0":"2020-12-18T00:34:37.325Z","0.21.0-canary.afe4079a.0":"2020-12-22T17:39:12.116Z","0.21.0-canary.407ef8f9.0":"2020-12-30T23:02:09.361Z","0.21.0-canary.2e26e137.0":"2021-01-05T18:49:02.959Z","0.21.0-canary.9009f6c1.0":"2021-01-08T19:53:47.900Z","0.21.0-canary.ee99b646.0":"2021-01-11T23:07:32.754Z","0.21.0-canary.740ed33b.0":"2021-01-12T18:03:28.241Z","0.21.0-canary.c5c541b1.0":"2021-01-12T18:44:56.148Z","0.21.0-canary.06fe9d90.0":"2021-01-12T20:54:23.755Z","0.21.0-canary.269eed01.0":"2021-01-13T21:44:42.629Z","0.21.0-canary.8c075f35.0":"2021-01-13T23:06:16.954Z","0.21.0-canary.3cda381b.0":"2021-01-14T00:03:59.207Z","0.21.0-canary.bc113605.0":"2021-01-14T00:44:45.955Z","0.21.0-canary.0c1d6ff9.0":"2021-01-15T20:08:42.744Z","0.21.0-canary.b4332e00.0":"2021-01-15T22:06:58.898Z","0.21.0-canary.2899691d.0":"2021-01-16T01:44:01.592Z","0.21.0-canary.fe73953b.0":"2021-01-19T19:20:50.103Z","0.21.0-canary.d3a16455.0":"2021-01-19T19:51:43.036Z","0.21.0-canary.597ca1b6.0":"2021-01-20T00:59:17.672Z","0.21.0-canary.3c195efe.0":"2021-01-20T02:00:56.743Z","0.21.0-canary.f7b8755f.0":"2021-01-20T20:37:04.902Z","0.21.0-canary.f60de7df.0":"2021-01-20T23:36:08.535Z","0.21.0-canary.664a2927.0":"2021-01-21T19:18:03.022Z","0.21.0-canary.a6d312e5.0":"2021-01-21T21:46:55.966Z","0.21.0-canary.027365eb.0":"2021-01-22T21:06:57.726Z","0.21.0-canary.7e72b66d.0":"2021-01-22T23:25:55.662Z","0.21.0-canary.a6d6a1e7.0":"2021-01-22T23:32:15.929Z","0.21.0-canary.b95fe100.0":"2021-01-22T23:51:23.911Z","0.21.0-canary.c8797192.0":"2021-01-23T00:06:46.610Z","0.21.0-canary.946f5563.0":"2021-01-23T00:42:54.478Z","0.21.0-canary.43664f0e.0":"2021-01-25T22:39:26.948Z","0.21.0-canary.2e769e3c.0":"2021-01-26T00:05:42.722Z","0.21.0-canary.14e01610.0":"2021-01-27T19:50:56.045Z","0.21.0-canary.5de00c1b.0":"2021-01-27T20:16:36.233Z","0.21.0-canary.5a328336.0":"2021-01-28T19:54:07.359Z","0.21.0-canary.533b1251.0":"2021-01-29T15:11:04.538Z","0.21.0-canary.ab5c0a10.0":"2021-02-02T20:16:54.907Z","0.21.0-canary.b7a40b27.0":"2021-02-03T15:03:01.292Z","0.21.0-canary.0fdee204.0":"2021-02-03T18:33:22.241Z","0.21.0-canary.5160e548.0":"2021-02-05T23:50:46.216Z","0.21.0-canary.4fa2daec.0":"2021-02-09T00:18:00.286Z","0.21.0-canary.67f285fb.0":"2021-02-09T00:50:30.010Z","0.21.0-canary.58cd5a70.0":"2021-02-11T20:43:43.897Z","0.21.0-canary.8107ca43.0":"2021-02-11T23:28:24.421Z","0.21.0-canary.d35d64ef.0":"2021-02-11T23:42:31.627Z","0.21.0-canary.78bcf058.0":"2021-02-12T00:47:50.490Z","0.21.0-canary.0c6908fd.0":"2021-02-12T01:24:17.643Z","0.21.0-canary.f1f34ee0.0":"2021-02-12T20:17:31.761Z","0.21.0-canary.d84df029.0":"2021-02-16T19:07:06.971Z","0.21.0-canary.c525f471.0":"2021-02-17T20:52:56.347Z","0.21.0-canary.ba7a1b35.0":"2021-02-19T00:13:24.015Z","0.21.0-canary.9a566dda.0":"2021-02-19T18:37:14.887Z","0.21.0-canary.55addb8c.0":"2021-02-19T22:01:45.567Z","0.21.0-canary.85dd5e9b.0":"2021-02-23T02:18:43.989Z","0.21.0-canary.aa3e078e.0":"2021-02-23T17:14:12.784Z","0.21.0-canary.dccd254e.0":"2021-02-26T21:09:39.524Z","0.21.0-canary.7dd1a27d.0":"2021-03-01T22:00:38.161Z","0.21.0-canary.12574572.0":"2021-03-02T20:28:54.762Z","0.21.0-canary.1109a3d3.0":"2021-03-02T20:33:38.679Z","0.21.0-canary.b9cd8739.0":"2021-03-03T17:46:03.711Z","0.21.0-canary.71ee796a.0":"2021-03-03T20:10:21.991Z","0.21.0-canary.2be191ed.0":"2021-03-03T21:50:54.414Z","0.21.0-canary.6dc7b06f.0":"2021-03-05T00:21:35.285Z","0.21.0-canary.24fe7ba6.0":"2021-03-05T17:26:36.509Z","0.21.0-canary.12c477d1.0":"2021-03-08T22:23:02.690Z","0.21.0-canary.4c38f801.0":"2021-03-08T23:24:01.693Z","0.21.0-canary.8795b83f.0":"2021-03-09T18:27:00.274Z","0.21.0-canary.12b84cb7.0":"2021-03-10T00:40:38.478Z","0.21.0-canary.6ac6784b.0":"2021-03-10T00:50:38.418Z","0.21.0-canary.b6d92934.0":"2021-03-10T22:00:22.203Z","0.21.0-canary.99a55b9e.0":"2021-03-10T22:51:12.954Z","0.21.0-canary.bb14efb7.0":"2021-03-10T23:36:45.898Z","0.21.0-canary.9ecf3bdd.0":"2021-03-11T00:22:45.893Z","0.21.0-canary.7c0e02fd.0":"2021-03-11T01:46:11.711Z","0.21.0-canary.2d6d59cc.0":"2021-03-11T18:28:46.040Z","0.21.0-canary.0138863c.0":"2021-03-11T18:36:12.319Z","0.21.0-canary.926f5bad.0":"2021-03-11T20:18:16.646Z","0.21.0-canary.520290a9.0":"2021-03-11T22:27:29.324Z","0.21.0-canary.9ec431d1.0":"2021-03-11T22:31:47.184Z","0.21.0-canary.4246c082.0":"2021-03-11T22:38:51.832Z","0.21.0-canary.2d736253.0":"2021-03-15T22:35:17.868Z","0.21.0-canary.7033124d.0":"2021-03-16T18:37:01.275Z","0.21.0-canary.6c0ee901.0":"2021-03-16T22:38:28.802Z","0.21.0-canary.7f0d605e.0":"2021-03-17T18:04:02.389Z","0.21.0-canary.572107b5.0":"2021-03-18T23:53:47.676Z","0.21.0-canary.b7b220b1.0":"2021-03-19T00:19:27.423Z","0.21.0-canary.233b2de7.0":"2021-03-19T18:29:22.992Z","0.21.0-canary.0c1a2d97.0":"2021-03-19T21:20:42.265Z","0.21.0-canary.57ca2e73.0":"2021-03-19T22:40:19.712Z","0.21.0-canary.5c058f4b.0":"2021-03-23T23:08:02.545Z","0.21.0-canary.e27ef7cd.0":"2021-03-30T20:10:53.744Z","0.21.0-canary.15c09e74.0":"2021-03-31T16:47:08.399Z","0.21.0-canary.4dc32be3.0":"2021-03-31T23:47:45.303Z","0.21.0-canary.4b717f65.0":"2021-04-01T18:13:42.080Z","0.21.0-canary.c6870f20.0":"2021-04-01T23:41:25.630Z","0.21.0-canary.852f873c.0":"2021-04-02T05:21:42.281Z","0.21.0-canary.4a674a1d.0":"2021-04-02T14:43:55.793Z","0.21.0-canary.c5b29ff1.0":"2021-04-05T17:49:31.128Z","0.21.0-canary.583644a6.0":"2021-04-05T17:50:33.701Z","0.21.0-canary.02ac1e6b.0":"2021-04-06T18:35:43.255Z","0.21.0-canary.5ac5856e.0":"2021-04-06T18:42:12.863Z","0.21.0-canary.bb23dbc4.0":"2021-04-07T21:23:13.651Z","0.21.0-canary.e539904c.0":"2021-04-08T18:01:36.605Z","0.21.0-canary.a93ae333.0":"2021-04-09T20:10:50.187Z","0.21.0-canary.e142c144.0":"2021-04-12T14:50:06.696Z","0.21.0-canary.382d7eb0.0":"2021-04-12T22:04:53.151Z","0.21.0-canary.b16c7885.0":"2021-04-12T22:38:43.015Z","0.21.0-canary.0e92782b.0":"2021-04-13T14:41:20.288Z","0.21.0-canary.70b3a072.0":"2021-04-14T22:25:48.542Z","0.21.0-canary.ff79b092.0":"2021-04-15T18:59:20.012Z","0.21.0-canary.f35b2fd7.0":"2021-04-15T19:09:52.676Z","0.21.0-canary.11977cac.0":"2021-04-16T00:57:37.365Z","0.21.0-canary.018ff45e.0":"2021-04-22T22:50:32.137Z","0.21.0-canary.c99d1fa5.0":"2021-04-26T19:46:08.189Z","0.21.0-canary.eea9b304.0":"2021-04-27T22:52:40.236Z","0.21.0-canary.5dd85d0c.0":"2021-04-28T00:08:54.309Z","0.21.0-canary.cc813cff.0":"2021-04-30T21:18:51.533Z","0.21.0-canary.0875e898.0":"2021-04-30T21:26:56.518Z","0.21.0":"2021-04-30T23:58:02.493Z","0.22.0-canary.8f1e7e1b.0":"2021-05-01T00:04:47.553Z","0.22.0-canary.deb0e792.0":"2021-05-03T21:33:40.920Z","0.22.0-canary.a3ff615f.0":"2021-05-03T22:33:07.964Z","0.22.0-canary.948ccfb5.0":"2021-05-04T00:10:08.977Z","0.22.0-canary.9f8337d7.0":"2021-05-04T18:36:26.123Z","0.22.0-canary.5813480a.0":"2021-05-05T18:24:50.498Z","0.22.0-canary.ab7fc1bf.0":"2021-05-06T17:58:35.115Z","0.22.0-canary.25693d60.0":"2021-05-07T21:55:25.140Z","0.22.0-canary.c497962b.0":"2021-05-07T22:19:20.946Z","0.22.0-canary.e300688e.0":"2021-05-07T22:23:49.893Z","0.22.0-canary.d70287f2.0":"2021-05-10T19:28:42.099Z","0.22.0-canary.02e841b2.0":"2021-05-10T20:33:57.801Z","0.22.0-canary.badda2f0.0":"2021-05-11T00:34:04.828Z","0.22.0-canary.004aca62.0":"2021-05-11T18:05:43.929Z","0.22.0-canary.4af17446.0":"2021-05-11T18:45:32.279Z","0.22.0-canary.b94d7187.0":"2021-05-11T18:51:08.331Z","0.22.0-canary.4021b2f9.0":"2021-05-12T21:59:59.388Z","0.22.0-canary.6a5956a3.0":"2021-05-12T22:16:53.612Z","0.22.0-canary.b6e8a74b.0":"2021-05-12T23:02:53.637Z","0.22.0-canary.c94e1030.0":"2021-05-12T23:08:44.350Z","0.22.0-canary.40a34e35.0":"2021-05-12T23:57:52.291Z","0.22.0-canary.1be14d2c.0":"2021-05-13T17:49:19.582Z","0.22.0-canary.87dbd64f.0":"2021-05-14T20:57:59.096Z","0.22.0-canary.c452e4da.0":"2021-05-17T23:31:32.956Z","0.22.0-canary.2212691a.0":"2021-05-17T23:52:09.374Z","0.22.0-canary.f748ff2f.0":"2021-05-18T00:21:53.511Z","0.22.0-canary.cc04657a.0":"2021-05-18T01:20:28.371Z","0.22.0-canary.3a3114fa.0":"2021-05-19T23:39:41.950Z","0.22.0-canary.b46bdf83.0":"2021-05-20T01:50:25.591Z","0.22.0-canary.b401a081.0":"2021-05-21T23:22:27.130Z","0.22.0-canary.012c8dc0.0":"2021-05-22T00:15:57.662Z","0.22.0-canary.e01a1731.0":"2021-05-24T16:02:11.563Z","0.22.0-canary.59174b9f.0":"2021-05-25T18:01:36.399Z","0.22.0-canary.c96cb2e0.0":"2021-05-25T19:11:50.451Z","0.22.0-canary.b9b0e330.0":"2021-05-25T20:59:54.053Z","0.22.0-canary.ea2a8063.0":"2021-05-25T21:04:56.223Z","0.22.0-canary.60cd9178.0":"2021-05-25T23:13:34.638Z","0.22.0-canary.2e2c75f2.0":"2021-05-26T00:10:27.276Z","0.22.0-canary.b99c77d5.0":"2021-05-26T19:12:48.280Z","0.22.0-canary.0de82c12.0":"2021-05-26T21:30:34.009Z","0.22.0-canary.227a4614.0":"2021-05-27T16:02:37.122Z","0.22.0-canary.b3d21d31.0":"2021-05-27T18:44:37.880Z","0.22.0-canary.288c33ec.0":"2021-06-02T19:32:35.297Z","0.22.0-canary.7eb7ccb0.0":"2021-06-03T19:54:31.285Z","0.22.0-canary.7fcc0726.0":"2021-06-08T00:44:59.694Z","0.22.0-canary.220a4e5e.0":"2021-06-08T17:49:41.367Z","0.22.0-canary.6b2d6ab0.0":"2021-06-08T18:36:08.456Z","0.22.0-canary.2b20825e.0":"2021-06-11T23:48:37.762Z","0.22.0-canary.e1511867.0":"2021-06-12T00:56:52.282Z","0.22.0-canary.ef4a0c0d.0":"2021-06-15T19:51:21.161Z","0.22.0-canary.573d8913.0":"2021-06-18T23:26:12.848Z","0.22.0-canary.21dba001.0":"2021-06-21T21:39:59.411Z","0.22.0-canary.6f5bfd0f.0":"2021-06-24T22:55:32.690Z","0.22.0-canary.fd8360b4.0":"2021-06-25T19:08:31.652Z","0.22.0-canary.6f74432f.0":"2021-06-25T20:46:24.430Z","0.22.0-canary.b62f901d.0":"2021-06-25T22:16:42.303Z","0.22.0-canary.73122cba.0":"2021-06-30T19:36:03.959Z","0.22.0-canary.a6912af5.0":"2021-07-01T21:33:29.501Z","0.22.0-canary.134f24bf.0":"2021-07-01T22:31:41.887Z","0.22.0-canary.1debb78f.0":"2021-07-07T00:45:41.976Z","0.22.0-canary.d53edeb6.0":"2021-07-07T16:59:36.847Z","0.22.0-canary.2226489a.0":"2021-07-08T18:00:56.477Z","0.22.0-canary.d4801c11.0":"2021-07-08T20:02:09.743Z","0.22.0-canary.7ec5f2d6.0":"2021-07-12T17:16:14.067Z","0.22.0-canary.86cb4ca7.0":"2021-07-13T17:36:57.397Z","0.22.0-canary.cb42f5bd.0":"2021-07-13T18:19:15.759Z","0.22.0-canary.bc9a724e.0":"2021-07-13T18:41:31.028Z","0.22.0-canary.7847b83a.0":"2021-07-14T17:18:04.661Z","0.22.0-canary.8cba18fa.0":"2021-07-14T20:26:01.311Z","0.22.0":"2021-07-14T22:31:53.556Z","0.22.1":"2021-07-14T22:52:45.045Z","0.23.0-canary.fbc09b4e.0":"2021-07-14T22:53:28.867Z","0.23.0-canary.73e9f83c.0":"2021-07-15T20:39:02.944Z","0.23.0-canary.cc0aa7a9.0":"2021-07-15T21:03:06.823Z","0.23.0-canary.a8fcac45.0":"2021-07-15T21:22:04.069Z","0.23.0-canary.3ca580d1.0":"2021-07-15T22:03:29.605Z","0.23.0-canary.9e41cb2e.0":"2021-07-15T23:08:10.803Z","0.23.0-canary.c180db74.0":"2021-07-16T17:24:29.234Z","0.23.0-canary.0d0a9267.0":"2021-07-16T17:56:43.852Z","0.23.0-canary.d234ec3f.0":"2021-07-16T18:07:18.715Z","0.23.0-canary.5cd4bcdb.0":"2021-07-16T21:11:33.610Z","0.23.0-canary.2b133cb2.0":"2021-07-16T22:06:01.878Z","0.23.0-canary.ae4f422b.0":"2021-07-16T23:53:31.306Z","0.23.0-canary.90ff8057.0":"2021-07-19T14:06:57.630Z","0.23.0-canary.dd7b75d1.0":"2021-07-19T17:49:58.515Z","0.23.0-canary.104debd5.0":"2021-07-19T22:53:01.847Z","0.23.0-canary.4612705d.0":"2021-07-20T16:04:07.837Z","0.23.0-canary.b36502a2.0":"2021-07-21T22:34:01.832Z","0.23.0-canary.2c392ab3.0":"2021-07-22T14:52:23.389Z","0.23.0-canary.e8bac95a.0":"2021-07-22T18:52:24.292Z","0.23.0-canary.38f29f8f.0":"2021-07-23T18:15:32.267Z","0.23.0-canary.e0693475.0":"2021-07-23T18:55:39.361Z","0.23.0-canary.d595e030.0":"2021-07-23T20:52:42.966Z","0.23.0-canary.fe7cca31.0":"2021-07-23T21:56:17.731Z","0.23.0-canary.fd9da483.0":"2021-07-26T21:24:18.349Z","0.23.0-canary.8a4c7e06.0":"2021-07-26T22:43:36.894Z","0.23.0-canary.5b395fd1.0":"2021-07-27T22:52:36.735Z","0.23.0-canary.e5efdcc0.0":"2021-07-28T17:21:48.044Z","0.23.0-canary.ab310900.0":"2021-07-28T20:20:55.621Z","0.23.0-canary.21dc9bc5.0":"2021-07-28T20:25:38.158Z","0.23.0-canary.68c7fe5c.0":"2021-07-29T18:31:03.642Z","0.23.0-canary.aebe39e8.0":"2021-07-30T19:13:13.192Z","0.23.0-canary.ea889c69.0":"2021-08-03T18:47:18.111Z","0.23.0-canary.21918905.0":"2021-08-03T21:13:57.126Z","0.23.0-canary.193c87be.0":"2021-08-04T18:07:04.286Z","0.23.0-canary.6fc52d8b.0":"2021-08-05T18:10:22.929Z","0.23.0-canary.e2e9777d.0":"2021-08-05T22:46:57.635Z","0.23.0-canary.72ff1e68.0":"2021-08-06T20:48:21.894Z","0.23.0-canary.c527e93b.0":"2021-08-06T21:09:54.487Z","0.23.0-canary.78b1eaac.0":"2021-08-09T18:03:20.635Z","0.23.0-canary.a8a4ddc9.0":"2021-08-10T18:46:31.471Z","0.23.0-canary.99fc0632.0":"2021-08-11T22:21:12.344Z","0.23.0-canary.3f47ae57.0":"2021-08-12T17:59:34.206Z","0.23.0-canary.6b9bfc32.0":"2021-08-12T18:23:44.657Z","0.23.0-canary.c89ecc63.0":"2021-08-16T17:16:30.954Z","0.23.0-canary.59de86bd.0":"2021-08-18T01:37:54.591Z","0.23.0-canary.dcda879b.0":"2021-08-18T22:22:51.274Z","0.23.0-canary.dbb8b366.0":"2021-08-19T22:59:55.183Z","0.23.0-canary.c6e3060c.0":"2021-08-19T23:01:46.755Z","0.23.0-canary.03120b7d.0":"2021-08-20T00:26:48.276Z","0.23.0-canary.d75a5f74.0":"2021-08-20T07:55:46.739Z","0.23.0-canary.3d79ffe7.0":"2021-08-20T17:21:01.357Z","0.23.0-canary.02213ebe.0":"2021-08-20T17:25:42.446Z","0.23.0-canary.90a999b9.0":"2021-08-20T18:42:13.910Z","0.23.0-canary.6db58716.0":"2021-08-23T09:07:17.241Z","0.23.0-canary.9fb5bc35.0":"2021-08-23T22:49:41.759Z","0.23.0-canary.ddaa5d8e.0":"2021-08-24T18:49:21.411Z","0.23.0-canary.756208fb.0":"2021-08-25T19:50:09.869Z","0.23.0-canary.9576dcd9.0":"2021-08-25T21:43:33.166Z","0.23.0-canary.7531cf97.0":"2021-08-26T17:25:44.235Z","0.23.0-canary.3bab26b4.0":"2021-08-26T21:44:26.123Z","0.23.0-canary.fab48bee.0":"2021-08-26T22:07:17.703Z","0.23.0-canary.dec18df7.0":"2021-08-30T08:28:23.102Z","0.23.0-canary.61fe5b17.0":"2021-08-30T19:28:15.806Z","0.23.0-canary.a8c31f54.0":"2021-08-30T20:31:06.281Z","0.23.0-canary.a096dba8.0":"2021-08-31T22:18:27.089Z","0.23.0-canary.7ec04d47.0":"2021-09-02T23:25:02.767Z","0.23.0-canary.d00b098d.0":"2021-09-03T21:26:17.186Z","0.23.0-canary.f29b3352.0":"2021-09-07T18:15:38.478Z","0.23.0-canary.4962a163.0":"2021-09-07T23:52:56.756Z","0.23.0-canary.33102bf4.0":"2021-09-08T00:13:03.833Z","0.23.0-canary.76c68381.0":"2021-09-08T20:13:18.639Z","0.23.0-canary.17d51f76.0":"2021-09-08T23:25:54.786Z","0.23.0-canary.3fae6c2d.0":"2021-09-10T18:32:26.683Z","0.23.0-canary.f1958c4b.0":"2021-09-13T19:20:13.232Z","0.23.0-canary.78abbd59.0":"2021-09-13T21:25:49.122Z","0.23.0":"2021-09-13T21:35:40.559Z","0.24.0-canary.9830d665.0":"2021-09-13T21:36:40.153Z","0.24.0-canary.20e2081c.0":"2021-09-13T23:31:42.692Z","0.24.0-canary.583613a9.0":"2021-09-14T16:54:46.285Z","0.24.0-canary.0e1bd56f.0":"2021-09-14T17:31:44.734Z","0.24.0-canary.7bb1818e.0":"2021-09-15T00:35:23.528Z","0.24.0-canary.b5e665a9.0":"2021-09-15T18:12:43.627Z","0.24.0-canary.ab1e177c.0":"2021-09-15T18:44:17.631Z","0.24.0-canary.8dff8894.0":"2021-09-15T19:08:06.658Z","0.24.0-canary.9cd7e927.0":"2021-09-15T20:31:42.425Z","0.24.0-canary.a7132082.0":"2021-09-15T21:45:11.342Z","0.24.0-canary.cd9110cd.0":"2021-09-16T17:45:07.441Z","0.24.0-canary.1e5a9883.0":"2021-09-17T20:38:49.143Z","0.24.0-canary.32c830ee.0":"2021-09-17T23:08:25.652Z","0.24.0-canary.1de87bb7.0":"2021-09-18T18:51:52.107Z","0.24.0-canary.f2ea80c4.0":"2021-09-20T17:54:36.644Z","0.24.0-canary.569d739f.0":"2021-09-20T21:23:18.650Z","0.24.0-canary.5a434a50.0":"2021-09-21T02:00:18.977Z","0.26.0-canary.6be1a13e.0":"2021-09-21T02:52:44.416Z","0.25.0":"2021-09-21T02:52:59.093Z","0.26.0-canary.b1c1ab52.0":"2021-09-21T03:11:53.724Z","0.25.1":"2021-09-21T03:12:38.573Z","0.26.0-canary.ae060177.0":"2021-09-21T14:37:48.403Z","0.26.0-canary.b6fe2a12.0":"2021-09-22T20:15:58.702Z","0.26.0-canary.07e91417.0":"2021-09-22T21:05:25.782Z","0.26.0-canary.e2203ffa.0":"2021-09-23T18:27:17.735Z","0.26.0-canary.4abe237e.0":"2021-09-24T17:30:48.538Z","0.26.0-canary.6278ee5d.0":"2021-09-27T18:31:04.069Z","0.26.0-canary.3a5d5f34.0":"2021-09-27T22:41:13.552Z","0.26.0-canary.143ed3c8.0":"2021-09-29T01:50:31.854Z","0.26.0-canary.e5923d68.0":"2021-09-30T00:05:30.454Z","0.26.0-canary.d8ed5109.0":"2021-09-30T23:33:34.904Z","0.26.0-canary.0efb9c2c.0":"2021-10-02T02:07:56.412Z","0.26.0-canary.1c9adcb3.0":"2021-10-04T17:33:14.358Z","0.26.0-canary.dfc00d60.0":"2021-10-09T00:56:57.575Z","0.26.0-canary.c3aa844c.0":"2021-10-11T23:14:03.685Z","0.25.2":"2021-10-11T23:18:29.029Z","0.26.0-canary.406d6fe1.0":"2021-10-13T20:59:08.926Z","0.26.0-canary.ca0a674f.0":"2021-10-18T21:36:33.363Z","0.26.0-canary.eefcf660.0":"2021-10-20T21:23:19.123Z","0.26.0-canary.d21acc8f.0":"2021-10-20T22:32:11.310Z","0.25.3":"2021-10-21T17:55:39.099Z","0.26.0-canary.60449b7b.0":"2021-10-21T18:17:03.398Z","0.26.0-canary.0d8084ed.0":"2021-10-28T17:44:36.264Z","0.26.0-canary.232327ee.0":"2021-11-01T20:15:26.753Z","0.26.0-canary.0a492ae8.0":"2021-11-02T10:00:07.483Z","0.26.0-canary.0aa18745.0":"2021-11-02T18:07:31.052Z","0.26.0-canary.f3e28323.0":"2021-11-02T18:59:10.134Z","0.26.0-canary.27e05c5d.0":"2021-11-03T18:44:40.676Z","0.26.0-canary.b9e44af7.0":"2021-11-03T19:03:44.066Z","0.26.0-canary.448f6cb9.0":"2021-11-04T18:07:37.614Z","0.26.0-canary.8067ce28.0":"2021-11-04T22:22:08.378Z","0.26.0-canary.345c2bb9.0":"2021-12-02T17:09:36.850Z","0.26.0-canary.0547aeeb.0":"2021-12-06T16:35:29.222Z","0.26.0-canary.3b2452cc.0":"2021-12-09T00:05:10.086Z","0.26.0-canary.cf7ba5a9.0":"2021-12-10T19:06:23.165Z","0.26.0-canary.e1bcf14e.0":"2021-12-28T20:45:07.352Z","0.26.0-canary.b9d35b69.0":"2022-01-05T18:26:22.155Z","0.26.0-canary.2afff08e.0":"2022-01-06T22:22:21.262Z","0.26.0-canary.893fc857.0":"2022-01-07T18:53:11.782Z","0.26.0-canary.69ba13b7.0":"2022-01-19T22:23:14.811Z","0.26.0-canary.0af8ade5.0":"2022-02-07T22:04:31.885Z","0.26.0":"2022-05-03T17:30:28.815Z","0.26.1":"2022-05-09T20:31:45.760Z","0.27.0":"2022-08-12T19:11:59.884Z"},"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 circular progress web component","homepage":"https://github.com/material-components/material-components-web-components#readme","keywords":["material design","web components","circular progress"],"repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web-components.git","directory":"packages/circular-progress"},"bugs":{"url":"https://github.com/material-components/material-components-web-components/issues"},"license":"Apache-2.0","readme":"# `<mwc-circular-progress>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-circular-progress.svg)](https://www.npmjs.com/package/@material/mwc-circular-progress)\n> IMPORTANT: The Material Web Components are a work in progress and subject to\n> major changes until 1.0 release.\n\nProgress indicators express an unspecified wait time or display the length of a\nprocess.\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6347c3e1b0264cc34cad24e4e52a23e2100a4926/packages/circular-progress/images/showcase.gif\" height=\"48px\">\n\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/circular-progress/)\n\n## Example usage\n\n### Determinate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6347c3e1b0264cc34cad24e4e52a23e2100a4926/packages/circular-progress/images/determinate.png\" height=\"48px\">\n\n```html\n<script type=\"module\">\n  import '@material/mwc-circular-progress/mwc-circular-progress.js';\n</script>\n<mwc-circular-progress progress=\"0.7\"></mwc-circular-progress>\n```\n\n### Indeterminate\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6347c3e1b0264cc34cad24e4e52a23e2100a4926/packages/circular-progress/images/indeterminate.gif\" height=\"48px\">\n\n```html\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n### Styled\n\n<img src=\"https://raw.githubusercontent.com/material-components/material-components-web-components/6347c3e1b0264cc34cad24e4e52a23e2100a4926/packages/circular-progress/images/styled.gif\" height=\"48px\">\n\n```html\n<style>\n  mwc-circular-progress {\n    --mdc-theme-primary: red;\n  }\n</style>\n<mwc-circular-progress indeterminate></mwc-circular-progress>\n```\n\n## API\n\n### Slots\n\nNone\n\n### Properties/Attributes\n\n| Name            | Type      | Default | Description\n| --------------- | --------- | ------- | -----------\n| `indeterminate` | `boolean` | `false` | Sets the circular-progress into its indeterminate state.\n| `progress`      | `number`  | `0`     | Sets the progress bar's value. Value should be between [0, 1].\n| `density`       | `number`  | `0`     | Sets the progress indicator's sizing based on density scale. Minimum value is `-8`. Each unit change in density scale corresponds to 4px change in side dimensions. The stroke width adjusts automatically.\n| `closed`        | `boolean` | `false` | Sets the progress indicator to the closed state. Sets content opacity to 0. Typically should be set to true when loading has finished.\n\n### Methods\n\nName              | Description\n----------------- | ------------------------------------------\n`open() => void`  | Sets `CircularProgress.closed` to `false`;\n`close() => void` | Sets `CircularProgress.closed` to `true`;\n\n### Events\n\nNone\n\n### CSS Custom Properties\n\nName                                  | Default      | Description\n------------------------------------- | ------------ | -----------\n`--mdc-circular-progress-track-color` | transparent  | Sets the track color of the determinate progress bar.\n\n#### Global Custom Properties\n\nThis component exposes the following global [theming](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)\ncustom properties.\n\n| Name                                 | Description\n| ------------------------------------ | -----------\n| `--mdc-theme-primary`                | Sets the color of primary progress bar.\n","readmeFilename":"README.md"}