{"maintainers":[{"email":"aprigogin+npm@google.com","name":"anonymous"},{"email":"hi@yef.im","name":"anonymous"},{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"aomarks@gmail.com","name":"anonymous"},{"email":"emarquez@google.com","name":"anonymous"},{"email":"esgonzalez@google.com","name":"anonymous"},{"email":"asyncliz@gmail.com","name":"anonymous"},{"email":"wangchan518@gmail.com","name":"anonymous"},{"email":"sayrisuarez@google.com","name":"anonymous"},{"email":"brian.t.vann@gmail.com","name":"anonymous"}],"keywords":["material components","material design","toolbar"],"dist-tags":{"latest":"2.3.0","next":"3.0.0-alpha.1"},"description":"The Material Components for the web toolbar component","readme":"","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"license":"MIT","versions":{"0.1.0":{"name":"@material/toolbar","version":"0.1.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/elevation":"^0.1.3","@material/rtl":"^0.1.2","@material/theme":"^0.1.2","@material/typography":"^0.2.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.1.0","scripts":{},"_shasum":"220b9d58fc7fc9923e45de83946f21941502a16c","_from":".","_npmVersion":"3.10.10","_nodeVersion":"7.2.1","_npmUser":{"name":"anonymous","email":"traviskaufman+npm@google.com"},"dist":{"shasum":"220b9d58fc7fc9923e45de83946f21941502a16c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.1.0.tgz","integrity":"sha512-qw9IfuF1JH797IcghizXVxLXAHXPLVITgAM/xfNFUJIxCqThoMp3tuYkcA+sIowXS/7DfJSwW69DJpc73dTuyQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrLUvtrwFvFRv1v01Y3oaCtgaIzG6oZmn3O0HVfh4TLQIgVXoOGk2gbkLQxqUNt3yVP1EUPELBJYDlhrxdOXzgkBQ="}]},"maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/toolbar-0.1.0.tgz_1487698065140_0.996215095743537"},"directories":{}},"0.1.1":{"name":"@material/toolbar","version":"0.1.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/elevation":"^0.1.3","@material/rtl":"^0.1.2","@material/theme":"^0.1.2","@material/typography":"^0.2.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.1.1","scripts":{},"_shasum":"3feee2967b136cddcd81b16282da03baa24f184b","_from":".","_npmVersion":"3.10.10","_nodeVersion":"7.2.1","_npmUser":{"name":"anonymous","email":"traviskaufman+npm@google.com"},"dist":{"shasum":"3feee2967b136cddcd81b16282da03baa24f184b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.1.1.tgz","integrity":"sha512-j9rRl826NbX/YSGwFf/z/NzR8I5ha8NlI5+LwqfqwDb2TVdMas7PdwDM8SVBMPb2QOLT3+ehNB1spOfzrosu/w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpAFln/hq/B44tSlNtaJZ2amzRbNC9lyyCVRJaAyp1ngIhAOXTjmt90NxZViWZv6xEBc0q+igesFF3+3g4oiJMsGCg"}]},"maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/toolbar-0.1.1.tgz_1487707074054_0.8525319520849735"},"directories":{}},"0.1.2":{"name":"@material/toolbar","version":"0.1.2","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/elevation":"^0.1.3","@material/rtl":"^0.1.2","@material/theme":"^0.1.2","@material/typography":"^0.2.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.1.2","scripts":{},"_shasum":"01d2149404010cfa207f85f75a20fe96b70c310e","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.6.0","_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"dist":{"shasum":"01d2149404010cfa207f85f75a20fe96b70c310e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.1.2.tgz","integrity":"sha512-Gc9XvgFymxDvzQNYUK0Qhqj9RQIolsORdKM1pHT50Pmg3A+lTc/DKzifFRpwoCVo5FIDUhXwutAarg3MkO40Xg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHsSn96Aet/+2aPQKbl/xIyF9VY3F10sU9HNp0L8tfowIgB1VELuQUTAG+oTpfzghJKtMlr5KQD57BEUcE3sKPiMI="}]},"maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/toolbar-0.1.2.tgz_1488819739768_0.9520104727707803"},"directories":{}},"0.2.0":{"name":"@material/toolbar","version":"0.2.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/elevation":"^0.1.3","@material/rtl":"^0.1.2","@material/theme":"^0.1.3","@material/typography":"^0.2.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.2.0","scripts":{},"_shasum":"83c3c98b700b02843acf95b0160a075b61244d52","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.6.0","_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"dist":{"shasum":"83c3c98b700b02843acf95b0160a075b61244d52","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.2.0.tgz","integrity":"sha512-KeeUT2FwZNSAHrbFqBwOt+5PFyzbM0v8BRPdeio4hUZpOHXW0S32H75T/ifndUAhaNZw9b69oLdFVVD7UnPsQA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5zdS7SYTNWpp8BLJ0ssI2lTgmOxthSrnBe8/KyaVouwIhAIDPvmkmAsgMlLHM2Gt1z2iBzd7WVIyxeDKW35OyY65E"}]},"maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/toolbar-0.2.0.tgz_1491233293490_0.4800551680382341"},"directories":{}},"0.2.1":{"name":"@material/toolbar","version":"0.2.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/elevation":"^0.1.3","@material/rtl":"^0.1.2","@material/theme":"^0.1.3","@material/typography":"^0.2.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.2.1","scripts":{},"_shasum":"f0cdc0bab86d7c519de4e85af9effa84b1d19b06","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.6.0","_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"dist":{"shasum":"f0cdc0bab86d7c519de4e85af9effa84b1d19b06","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.2.1.tgz","integrity":"sha512-bJFMw+mXMWAb48FDr1YV/SMDjS27eRj5YqF+sGiCc0FnUz4Z1S+Xvm6B1B9vCTaFUrSxTtWwOXXF7qgjeaZnpA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSi7CKyNkra4PqHymfxw1n1te6dK5UrNEIwIshrwVMAQIhAMcvf8DlKBc7b+U1+2Z7fx0mGDWSiCJXsm0FsnLvlZgr"}]},"maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/toolbar-0.2.1.tgz_1492443795139_0.6981529302429408"},"directories":{}},"0.2.2":{"name":"@material/toolbar","version":"0.2.2","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/elevation":"^0.1.4","@material/rtl":"^0.1.3","@material/theme":"^0.1.4","@material/typography":"^0.2.1"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.2.2","scripts":{},"_shasum":"1d87d6ba4e5d6cd0010031c151d9f29b5ec949ed","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.6.0","_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"dist":{"shasum":"1d87d6ba4e5d6cd0010031c151d9f29b5ec949ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.2.2.tgz","integrity":"sha512-2FG9lqOUvvu4ATG1H8FL8VpFmh7yUcrJyj4sFpm5ktN8OmK9kHCUhkVYH1lX7kc9y8vVjRHSLo/P/5PkpZTcJA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZWf6MduVP+smFqWjm2ItDkg1kSDwCfQw3Z4sT8MOciwIhANAHBuTAinZs7RAImccmSs3JgewXV5aw043NOhUAfPXz"}]},"maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/toolbar-0.2.2.tgz_1492527090865_0.5743222760502249"},"directories":{}},"0.3.0":{"name":"@material/toolbar","version":"0.3.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.1.2","@material/elevation":"^0.1.5","@material/rtl":"^0.1.2","@material/theme":"^0.1.3","@material/typography":"^0.2.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.3.0","scripts":{},"_shasum":"3ee6bcdf64949284eaa9ab04f1fb29c3e43cf6ce","_from":".","_npmVersion":"3.10.9","_nodeVersion":"6.9.2","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"dist":{"shasum":"3ee6bcdf64949284eaa9ab04f1fb29c3e43cf6ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.3.0.tgz","integrity":"sha512-yJ0+41fg8R0IW4PkN91mwLrgBSwYxo1axAPOd9SkxtZ2GrqCbkw6ZLlTvVIOdG3cZ4VvuNbWzew/564VdSqEZA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBVe90CNx1s9PlDCifOki4a3qfriANoi3GPqzT/WQ4eAiA9VRLJApaZOpQcSRbrq+DWXc4ZieFp7O2R3r+XbbQ7MQ=="}]},"maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/toolbar-0.3.0.tgz_1493653397658_0.6700426086317748"},"directories":{}},"0.3.1":{"name":"@material/toolbar","version":"0.3.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.1.3","@material/elevation":"^0.1.6","@material/rtl":"^0.1.4","@material/theme":"^0.1.5","@material/typography":"^0.2.2"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.3.1","scripts":{},"_shasum":"247ec7ffa1a2d933bd12573333d1f61ba1a46e76","_from":".","_npmVersion":"3.10.10","_nodeVersion":"7.2.1","_npmUser":{"name":"anonymous","email":"yiranmao@gmail.com"},"dist":{"shasum":"247ec7ffa1a2d933bd12573333d1f61ba1a46e76","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.3.1.tgz","integrity":"sha512-Mm+RPuI5+ihiK50c8yK2z1wEo5M7Mt571gtYPzQr5tCNO5ouaHNLZHKtR0VmT+aVn9HdUaix1vbWvjJMkFEd4Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEsrOGo42FrKq6T+ADZF0tZby4myEIuqbmymXlikVJmrAiAqYRu5QYchoI0IyIMA/sh3klpI5zULQHd7uQqkBb1AGw=="}]},"maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/toolbar-0.3.1.tgz_1494865577010_0.08534255274571478"},"directories":{}},"0.3.2":{"name":"@material/toolbar","version":"0.3.2","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.1.3","@material/elevation":"^0.1.7","@material/rtl":"^0.1.4","@material/theme":"^0.1.5","@material/typography":"^0.2.2"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.3.2","scripts":{},"_shasum":"2953c74ec2bd3c774b5c27d7437bd7a134985550","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"dist":{"shasum":"2953c74ec2bd3c774b5c27d7437bd7a134985550","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.3.2.tgz","integrity":"sha512-aA54Bz1wK46lkFwEODa4fCRpQOEpS1pwHBEr0pVvROND95nZtPTJc8WGhbs99tm8BycXAdfeLnZNcojZT0hc6w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIChsk/idbVmP8h/cGy2gSAIyrKQzLhLES0m3oFRdHjRfAiBeF+G9qMwswTMeLtH2aCULeGbbfRhda6+SE7VTuBhehA=="}]},"maintainers":[{"email":"traviskaufman+npm@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"ljepsen3541@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/toolbar-0.3.2.tgz_1495031312595_0.8931320218835026"},"directories":{}},"0.3.3":{"name":"@material/toolbar","version":"0.3.3","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.0","@material/elevation":"^0.1.8","@material/rtl":"^0.1.4","@material/theme":"^0.1.5","@material/typography":"^0.2.2"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.3.3","scripts":{},"_shasum":"9867e3f565edca7f6f9ddc6be7913e5917422872","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.8.0","_npmUser":{"name":"anonymous","email":"ljepsen3541@gmail.com"},"dist":{"shasum":"9867e3f565edca7f6f9ddc6be7913e5917422872","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.3.3.tgz","integrity":"sha512-qZWE7qEeB1zcTRf83OBUU7eLhYek988cAhwWtyO2RiHcquYyLGhPyqWMQhzMBa4gJhjKqozLWO6RZjoGIftElQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFAz4GAPZ/VB1mPy5SEEEuOVRMHxynyoPP6LIpW6ggrTAiEArB0Fbl9w9EJGZ4kpeA1NCFIRcsBfYha+/AiePeEejXs="}]},"maintainers":[{"email":"traviskaufman+npm@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"ljepsen3541@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.3.3.tgz_1496171092662_0.6714790288824588"},"directories":{}},"0.4.0":{"name":"@material/toolbar","version":"0.4.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.0","@material/elevation":"^0.1.8","@material/rtl":"^0.1.5","@material/theme":"^0.1.5","@material/typography":"^0.2.2"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.0","_npmVersion":"5.0.3","_nodeVersion":"8.0.0","_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"dist":{"integrity":"sha512-dgwNSNDW8S1Wb7OH0BUkB8PVVX+f+vbBrYUyEC2fRd0GstjI2NOrjSXmtCd30gt28y6P84vyQUv+yqWs4FCerw==","shasum":"b6e3764b2d81adecb74c708ed378be33c5f9ed23","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG2VXaQKQwFSbdU73SMitRtfTjOnux+REVSkjbVACyhsAiAQPiaef+siiz5fw1qLHGsfuTwc0MoTDxYDp0BZ2DkSkQ=="}]},"maintainers":[{"email":"traviskaufman+npm@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"ljepsen3541@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.0.tgz_1497282810589_0.1172649075742811"},"directories":{}},"0.4.1":{"name":"@material/toolbar","version":"0.4.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.1","@material/elevation":"^0.1.9","@material/rtl":"^0.1.6","@material/theme":"^0.1.5","@material/typography":"^0.2.2"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.1","scripts":{},"_shasum":"52748240022137f076bebc631a72b4fe32e6f78f","_from":".","_npmVersion":"3.10.9","_nodeVersion":"6.9.2","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"dist":{"shasum":"52748240022137f076bebc631a72b4fe32e6f78f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.1.tgz","integrity":"sha512-VqhDy6XIMPPbNtZYiVMJslb1WT44VdGKDHVbO8VSKa3y3g5aVB7boeEMchm1M95oJDVBfAqOIp5Yny7AlpJ0aA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBlw7vFCqQ2ztw4g03wjqmWagbCdEYkCzKxlc1ve98wjAiEAnYdWTLZs8BHNqk1/AB1NuH81UZORWJStALeK5rhXlQ0="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.1.tgz_1498493468484_0.1408921778202057"},"directories":{}},"0.4.2":{"name":"@material/toolbar","version":"0.4.2","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.2","@material/elevation":"^0.1.9","@material/rtl":"^0.1.6","@material/theme":"^0.1.5","@material/typography":"^0.2.2"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.2","scripts":{},"_shasum":"b9d477905488485a2b1bf9adbb2a5e9c9221f627","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"anonymous","email":"lynnjepsen@google.com"},"dist":{"shasum":"b9d477905488485a2b1bf9adbb2a5e9c9221f627","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.2.tgz","integrity":"sha512-v2bHKcva0txO2oHsTHpT0caxphR550ycGssQpC3f7rjWTvHKobDXEJ6Cq7qYv5aCakblNFrGpxR7sJsueAvRxg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXZ6+v33EJA3ClAnieg5/Kr0oUBXStbo3t6I/s2wVDgAIgWlvdB4ySRzY8Da8wELq0RTAX/kX5Phghz/01IYF7qPw="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.2.tgz_1499702339632_0.09676837641745806"},"directories":{}},"0.4.3":{"name":"@material/toolbar","version":"0.4.3","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.3","@material/elevation":"^0.1.10","@material/rtl":"^0.1.7","@material/theme":"^0.1.6","@material/typography":"^0.2.3"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.3","scripts":{},"_shasum":"5fc150f1a404e0568c4aec03a59b0f1f345ad08d","_from":".","_npmVersion":"3.10.10","_nodeVersion":"7.2.1","_npmUser":{"name":"anonymous","email":"yiranmao@gmail.com"},"dist":{"shasum":"5fc150f1a404e0568c4aec03a59b0f1f345ad08d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.3.tgz","integrity":"sha512-t0bijQo6Fl4shBk2rCOJYfoE/yrjt4/3kECVYS0azyMcrWnr7kchgF/GbV9NguA9bZtY6z3MwNqJV8bqyO9aLQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXEgcXLBS+WaTxQpCSIkNRZSmXy4unY52vam+1sym8iAIhANicr7u7UFBXZImd+H5vLC0camU2CObDI0aWTx1ETa15"}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.3.tgz_1500911372664_0.2864322781097144"},"directories":{}},"0.4.4":{"name":"@material/toolbar","version":"0.4.4","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.3","@material/elevation":"^0.1.11","@material/rtl":"^0.1.7","@material/theme":"^0.1.7","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.4","scripts":{},"_shasum":"ec87a77de69b3cb8646fe41436d0d777130590af","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.1","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"shasum":"ec87a77de69b3cb8646fe41436d0d777130590af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.4.tgz","integrity":"sha512-3wFnFFiKzKX8YT43Kf66dwj6NCk4hEyZgiJXhfQ6uYiSlEoa78KRMLZZWkCfPkkIDSReTvw1j1iBOVTtbgWthw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDuC6cYVv5eOJ1syKy6d2heJK14rjxjO/F1XaQaqfCSAAiEAsCCVs44ATaKnwTwlHnmjUB2JdYmEq8qL7v+7Tpcf+Dc="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.4.tgz_1502138915971_0.8230500747449696"},"directories":{}},"0.4.5":{"name":"@material/toolbar","version":"0.4.5","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.4","@material/elevation":"^0.1.11","@material/rtl":"^0.1.7","@material/theme":"^0.2.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.5","_npmVersion":"5.3.0","_nodeVersion":"8.1.4","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-zHfx5y7VvDwsrooHCYaXqLQEgUQMTsVXY+0n9brzCcu72nocbiyimkrxBm9wK8KHwiLxTKTRorh49uPYFmltDA==","shasum":"2a946b6abf7ccd636a546eadbeeed43470ca9613","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB8n+K0yJXs/DjewRLJ8S1kQsC2/6TziGlA3quLsqhOJAiBHatUuu+2qNaRy6NrMIXFfpUxFF+v63VuzE8+CJ2EvZg=="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.5.tgz_1503336488253_0.4689267612993717"},"directories":{}},"0.4.6":{"name":"@material/toolbar","version":"0.4.6","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.5","@material/elevation":"^0.1.11","@material/rtl":"^0.1.7","@material/theme":"^0.2.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.6","_npmVersion":"5.3.0","_nodeVersion":"8.1.4","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-zPkxEjDhgxWEowQS4o4xvx0u5YximXor+V6yuGf2cV7Q2Was94Hjr3VxrYvYm8t7q+n+eNl5LZYsi7PrGznq3A==","shasum":"9b24c1339bb18b630ccf9106fad118ba8e4c0422","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAH3aijrVnh+1xcv0mz8v021ON76xRc4JXLW7coUmyBmAiBfMj0OxoHtacq5Ddc80Sj1BDcqiZPAwk2fLva/Koow9Q=="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.6.tgz_1503586019974_0.1886670314706862"},"directories":{}},"0.4.7":{"name":"@material/toolbar","version":"0.4.7","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.5","@material/elevation":"^0.1.11","@material/rtl":"^0.1.7","@material/theme":"^0.2.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.7","_npmVersion":"5.3.0","_nodeVersion":"8.1.4","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-WKb2xW5g/BGanrXh/3yJ/efonz5pQU8wSMJVxxng97g+HqBhKtV3JCOkM1VcPFmZBs9JnkI6AV/YknOff/d26g==","shasum":"cf1edce8354e145b066a365212d68f656e95749c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHxvEZzSMZkwWu8QoRaLiawoFjoVMmBGTzlLVF104fhmAiAHQP0rUO53F6it3XwjIPbpe36Q9rWddFy13/fy+IYpUA=="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.7.tgz_1503681665349_0.8968385278712958"},"directories":{}},"0.4.8":{"name":"@material/toolbar","version":"0.4.8","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.5","@material/elevation":"^0.1.11","@material/rtl":"^0.1.7","@material/theme":"^0.3.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.8","scripts":{},"_shasum":"265608a2356ee6b4429a78c44fc7e16e95bf4fee","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"anonymous","email":"lynnjepsen@google.com"},"dist":{"shasum":"265608a2356ee6b4429a78c44fc7e16e95bf4fee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.8.tgz","integrity":"sha512-5JHiXybsr49SgqCUNoGYTUZhdX8d8u6Mfk1h1Wh49DDSuz+q1YZzlrNFva1h54F2+3V0BAAMMmZQ72t1n4C7yg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYSs7KdPaKo1M0+BBhZ7fk6BGgEO1N4Qs2fHUnKV8i1wIhANN7h9334YnQqYOjVkdSrupx0Tjdripwvdvmk2tDYGCE"}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"cchao87@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"},{"email":"mail@sgomes.io","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.8.tgz_1504642582041_0.858051038812846"},"directories":{}},"0.4.9":{"name":"@material/toolbar","version":"0.4.9","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.5","@material/elevation":"^0.1.12","@material/rtl":"^0.1.8","@material/theme":"^0.3.1","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.9","_npmVersion":"5.3.0","_nodeVersion":"6.9.2","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"dist":{"integrity":"sha512-AoZEnwxvQO+AURf3yfbH4SAQd4lh0xvgciyXKQBrRQYlgoo3jHaN6s83VcR4It+HEUV+Chd3Y3EI1peHh+WiPw==","shasum":"b978609d38531832324d0b109c92bc9cb0ae285d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC93w7oEUenfXptut9LHZ7v9mBGcyTlnd/Q30GC+hCjrwIgB9oihoJfJSWtK/TiSGSDonM6SZQF0n/HOpSaSQhUP/E="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.9.tgz_1505759760573_0.2674420846160501"},"directories":{}},"0.4.10":{"name":"@material/toolbar","version":"0.4.10","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.5","@material/elevation":"^0.1.12","@material/rtl":"^0.1.8","@material/theme":"^0.3.1","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.10","_npmVersion":"5.4.2","_nodeVersion":"6.9.2","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"dist":{"integrity":"sha512-bD96C5vTZY443hHAEnAROISM1mPZiX+dbRfsRq/u+iU96bk8rH2Q8cAfDGkTHMr58+pD0B9nZl2ui+mTOBgcsA==","shasum":"ca04eb32550270f4203d6f1cfb2b4b4a0b15fe07","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzbNVlWLYuas7H8lGBDz57clz7s0TWWSp315Pi1svYEAIhALohUi6i/QNyhwi1DJF+9OvU/uXcZ7b2ZmYiHMw7GVTV"}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.10.tgz_1505920874816_0.6000444579403847"},"directories":{}},"0.4.11":{"name":"@material/toolbar","version":"0.4.11","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.6","@material/elevation":"^0.1.13","@material/rtl":"^0.1.8","@material/theme":"^0.4.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.4.11","scripts":{},"_shasum":"284c8a434d9b31603e103ac58d1e76beb18faa7e","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.1","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"shasum":"284c8a434d9b31603e103ac58d1e76beb18faa7e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.4.11.tgz","integrity":"sha512-wPXaRR+wIrbbsBFEu1qwA7mR4xpeUEwEpeBtOWv2TdExWyEhZeUl9aZe5UnCelNhzPDbRmYR4GNYnqgVrKp2oA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAHj7SxT8JrECL5D/8IWTwOSIU2QSsjDRzxainGH4Mh2AiEA6oL0vfJdu2jO3dzPf9c5u9FPhz+Uzu3i0XLM+q1SOYU="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.4.11.tgz_1506978717886_0.5355691080912948"},"directories":{}},"0.23.0":{"name":"@material/toolbar","version":"0.23.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.2.6","@material/elevation":"^0.1.13","@material/rtl":"^0.1.8","@material/theme":"^0.4.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.23.0","_npmVersion":"5.3.0","_nodeVersion":"8.1.4","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-HKGA7aExnLl1gG2g8On0ghs4NnD8kXC/iCZuGqKeI+nklb1Eb+DYOgexGZhd1+tslM0wkcnqwK5UOHauJl6LYQ==","shasum":"f71a0353a022c97d04c90eb414b5160ba71292eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.23.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDekgEzZ+3ABDtNZxeR8ZqZk6VrM0Ji7SZ2sLlm5ZL4oAiEA8YMj4E+ns3t1kRlXSk4UyOOL+CatA3Yqj+LOi/+Bk7k="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.23.0.tgz_1508187751240_0.5699397986754775"},"directories":{}},"0.24.0":{"name":"@material/toolbar","version":"0.24.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.24.0","@material/elevation":"^0.1.13","@material/rtl":"^0.1.8","@material/theme":"^0.24.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.24.0","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"anonymous","email":"lynnjepsen@google.com"},"dist":{"integrity":"sha512-ctyWaBYByvy6rnzpDihlCzP0V3Agk5yeTGxZdGJwVHKd7BUpGEMvK50LxWLkXH4p8MOE3ICpRERSMQG1nOiidQ==","shasum":"127b8be3619b57a54bdb4d0d51b7415bc5279345","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.24.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7Ejlx82jXkdgkBSHGG9QDa0QHsGLo4IdzauizM/VFZAiEAzii0F+Jj3oTer0V+x3O3Ti6+8Hs7OvIPakGrT5ciEd8="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.24.0.tgz_1509390699516_0.8690674325916916"},"directories":{}},"0.25.0":{"name":"@material/toolbar","version":"0.25.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.24.0","@material/elevation":"^0.25.0","@material/rtl":"^0.1.8","@material/theme":"^0.25.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.25.0","_npmVersion":"5.5.1","_nodeVersion":"6.9.2","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"dist":{"integrity":"sha512-KwYe0RfA0KwGKepnZHQASM7JU2V3HtlsQMD4K/FlA5J87Zf9DrNRIlF59hmi98KGeYbkv5Z/gz4l/gVh/c4tJw==","shasum":"a6d9aa5da91da1bef063c273fdfbf68a121d9a9a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.25.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIQmi6nz3v3zNs/NRDA3gPLG93irnJ9yvPTtapRvRwTAIhAO3GSHJ/gdYKo1MbbVvqGsNVNcQzzcs6KWQT5rkn7oDn"}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"yiranmao@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"travis.kaufman@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.25.0.tgz_1510603359889_0.949049525661394"},"directories":{}},"0.27.0":{"name":"@material/toolbar","version":"0.27.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.24.0","@material/elevation":"^0.25.0","@material/rtl":"^0.1.8","@material/theme":"^0.27.0","@material/typography":"^0.3.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.27.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.2","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"dist":{"integrity":"sha512-n+NDsT+gW0ko7Z7EBu5j5aoJTTPKkYIz/GanmbYr2Voimyo+IEkTE7Rk14EL+ZPUmIHjSVrMmdO90SgKCz7RkQ==","shasum":"5fa6192225d605c4a9f5d5cd2e3b882d7d52cbae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.27.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDug7N1Tl1D4qmO8B9Ym+YVmuvgUdzXvb6oISLy5nRudAiAHCAK4EwXza3s61hyvbykfzfTXb6aeZ/5LBtBG3XOYew=="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.27.0.tgz_1513020945552_0.45134235941804945"},"directories":{}},"0.28.0":{"name":"@material/toolbar","version":"0.28.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.24.0","@material/elevation":"^0.28.0","@material/rtl":"^0.1.8","@material/theme":"^0.28.0","@material/typography":"^0.28.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.28.0","_npmVersion":"5.6.0","_nodeVersion":"8.1.4","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"integrity":"sha512-XGbIcjKu9KtDOd9CBup33vOz5O9N/fJfN6Ux6gkBLqTONDoL3XIVoEi0/bFoOstYtDXUwhQWpzlEUSNA7068Kw==","shasum":"d4512ab969a8f0fdc1db6fe4c9fd0ebb1c7286e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.28.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDOUwmrJxgIBbvF8RNUxyunCI/+JmunZW2sHEo4cuVNYAiArquzZqZPBdsJdg/bsrWjTBBLYXxB09QXy4eRss1kOpg=="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.28.0.tgz_1515437720076_0.8734752826858312"},"directories":{}},"0.29.0":{"name":"@material/toolbar","version":"0.29.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.29.0","@material/elevation":"^0.28.0","@material/rtl":"^0.29.0","@material/theme":"^0.29.0","@material/typography":"^0.28.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.29.0","_npmVersion":"5.6.0","_nodeVersion":"8.7.0","_npmUser":{"name":"anonymous","email":"bonniez@google.com"},"dist":{"integrity":"sha512-GiIgn3AJLa9ivvel2IP67PL8HtyJtwub5eqEIKeL3fHlDtdPN+8AY65nbGpWstfNyX7O84Tv5p+STlzmDlDvEw==","shasum":"848796a769767c76d08e8cbc25a24197ed6b4644","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.29.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHslGhZaA8Be9Ssd5FPQCWqVRJ5rz7IBao7KrrFwExREAiEAvjUvXgM+YxsxVgUAgXfPYaaNrvp1I2vH/NHVDBPmnuo="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.29.0.tgz_1516645864603_0.6109320572577417"},"directories":{}},"0.30.0":{"name":"@material/toolbar","version":"0.30.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.29.0","@material/elevation":"^0.28.0","@material/rtl":"^0.30.0","@material/theme":"^0.30.0","@material/typography":"^0.28.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.30.0","_npmVersion":"5.3.0","_nodeVersion":"8.1.4","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-E5TONGygCuA0jT4pCDRk0aKvJA06ptbnlRCD/OtpfEhvBhbt8VyyntfHu155GYXVkK5MBU+Cn2b2+VhW2LcTuQ==","shasum":"59c3fc19fcf5cf7a30ecb7f0c705c2fea2df893d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.30.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAtuLS2GZa6UVpBvzB3IoJFP+lpy4Pp3jY55oomJeDibAiEA4wBLgT5RLdl6strR0xQiCxZM3bxpcSdmv8QGvJHUeFU="}]},"maintainers":[{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar-0.30.0.tgz_1517868188537_0.1063312878832221"},"directories":{}},"0.32.0":{"name":"@material/toolbar","version":"0.32.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.29.0","@material/elevation":"^0.28.0","@material/ripple":"^0.32.0","@material/rtl":"^0.30.0","@material/theme":"^0.30.0","@material/typography":"^0.28.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.32.0","_npmVersion":"5.5.1","_nodeVersion":"8.7.0","_npmUser":{"name":"anonymous","email":"prodee@google.com"},"dist":{"integrity":"sha512-eDouRzRFqOpOigm1nOr8QrfEGJW87gdzhqlM8YbrIzUchm3JouAQgV62wvDs+mMpy2jXj1rMBZOTbtff78myqA==","shasum":"fbe450df85fe8d7510d064a65f8d5f9deb84e0f1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.32.0.tgz","fileCount":13,"unpackedSize":186339,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBLQC085dOVpgWZIqJDVgXUoVGRf8aGrlEBLSjPQTdxLAiBDW7coDQRWyXXLTQX+PYycmhX5QSVv06B1lSFWbQTHzw=="}]},"maintainers":[{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.32.0_1520287731662_0.3413358277451686"},"_hasShrinkwrap":false},"0.33.0":{"name":"@material/toolbar","version":"0.33.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.29.0","@material/elevation":"^0.28.0","@material/ripple":"^0.33.0","@material/rtl":"^0.33.0","@material/theme":"^0.33.0","@material/typography":"^0.28.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.33.0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"dist":{"integrity":"sha512-Nq4DQlgwV6hLIxKgOErFGTlNl79Dh24fKxian0GFfh5uvO2tbfAgexGxeh7N76P8DiJEhTHPAq6wG91W+2m0Bg==","shasum":"9b4d971666166be407ad4a11ab4231a944047c92","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.33.0.tgz","fileCount":13,"unpackedSize":187276,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvJ49DwbGO0wMAeRUHZms47pK6EaPfE9rxpAkoSHgcMQIhAMbtkid0I3pBgTQEg1Yca+IcrO/d6cQMIP8ycIgt7Bzx"}]},"maintainers":[{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.33.0_1521477613930_0.8041191031394119"},"_hasShrinkwrap":false},"0.34.0":{"name":"@material/toolbar","version":"0.34.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.34.0","@material/elevation":"^0.34.0","@material/ripple":"^0.34.0","@material/rtl":"^0.34.0","@material/theme":"^0.34.0","@material/typography":"^0.34.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.34.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.0","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"integrity":"sha512-KT/Tyx3ckoc5+efdL0hSAAXqpe9Z0WCg0oczJVqrOZrDAe26VcYNnsHqTq+WNeoRP7ZGAZR6tDrAUevwOa+qqA==","shasum":"2839ef2c512bafeae013bd7113620a387cf8c823","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.34.0.tgz","fileCount":12,"unpackedSize":184330,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDeU7YdGrDMLSZHavCaJmDysJlzObXwry15mEpIgy3z6AiA2Gxt9V29/EMm3++kKBenX/R7IxzPBG5C/jcmw0Ygxog=="}]},"maintainers":[{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.34.0_1522705930522_0.15929894354842755"},"_hasShrinkwrap":false},"0.34.1":{"name":"@material/toolbar","version":"0.34.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.34.0","@material/elevation":"^0.34.0","@material/ripple":"^0.34.1","@material/rtl":"^0.34.0","@material/theme":"^0.34.0","@material/typography":"^0.34.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.34.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.0","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"integrity":"sha512-y+gTx6bQXLe23CJLcVDtkIH3uqz8zm1Pj9Xj3aJKXbHF9VJxpQqP5YJjDR0jd8Zz7y4gse4S8+0hfQcVE0O3yQ==","shasum":"b10999bf810111c477926ddd10557d0de5c61df8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.34.1.tgz","fileCount":12,"unpackedSize":184728,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFixXkE/95DVKwHCdOEFrPYNOLmyM2vA57p9QDhFJDJOAiEAhqcAtl6P4TEhd/d+xKV9f+X96K7OrsizQY9d72KQgXU="}]},"maintainers":[{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"alex.m.sheehan@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.34.1_1522798792017_0.328079301176907"},"_hasShrinkwrap":false},"0.35.0":{"name":"@material/toolbar","version":"0.35.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.35.0","@material/ripple":"^0.35.0","@material/rtl":"^0.35.0","@material/theme":"^0.35.0","@material/typography":"^0.35.0"},"publishConfig":{"access":"public"},"readme":"<!--docs:\ntitle: \"Toolbars\"\nlayout: detail\nsection: components\nexcerpt: \"A container for multiple rows of items such as application title, navigation menu, or tabs.\"\niconId: toolbar\npath: /catalog/toolbar/\n-->\n\n## Important - Deprecation Notice\n\nThe existing `MDCToolbar` component and styles will be removed in a future release. Some of its functionality\nwill be available in the [MDC Top App Bar](../mdc-top-app-bar) package instead. Bugs and feature requests\nwill no longer be accepted for the `mdc-toolbar` package. It is recommended that you migrate to the\n`mdc-top-app-bar` package to continue to receive new features and updates.\n\n# Toolbars\n\n<!--<div class=\"article__asset\">\n  <a class=\"article__asset-link\"\n     href=\"https://material-components-web.appspot.com/toolbar/index.html\">\n    <img src=\"{{ site.rootpath }}/images/mdc_web_screenshots/toolbars.png\" width=\"494\" alt=\"Toolbars screenshot\">\n  </a>\n</div>-->\n\nMDC Toolbar acts as a container for multiple rows containing items such as\napplication title, navigation menu, and tabs, among other things. Toolbars\nscroll with content by default, but support fixed behavior as well.\n\nWhen using the **fixed** pattern, a persistent elevation is added to toolbar.\nWhen using the **waterfall** pattern, a toolbar will have no elevation when the\npage is scrolled to the top, and gain elevation when a user begins to scroll\ndown the page. Toolbars also support anchored only last row at the top behavior.\nFor toolbars with this modifier, only the last row will be anchored at the top,\nwhile the rest of toolbar scrolls off.\n\nFlexible behavior can be added to mdc-toolbar, where the height of the toolbar\nchanges as the user scrolls. Flexible is defined as a modifier class of toolbar\nbut not a standalone component. Toolbars using this modifier will have additional\nheight added to their first rows.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/guidelines/components/toolbars.html\">Material Design guidelines: Toolbars</a>\n  </li>\n  <li class=\"icon-list-item icon-list-item--link\">\n    <a href=\"https://material-components-web.appspot.com/toolbar/index.html\">Demo</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/toolbar\n```\n\n## Usage\n\nWrap the items with `mdc-toolbar` class in the following way:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\nMDC Toolbars can accommodate multiple rows using the wrapper `mdc-toolbar__row`:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n#### Sections\n\nToolbar sections are aligned to the toolbar's center. You can change this\nbehavior by applying `mdc-toolbar__section--align-start` or\n`mdc-toolbar__section--align-end` to align the sections to the start or the end\nof the toolbar (respectively).\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      Section aligns to start.\n    </section>\n    <section class=\"mdc-toolbar__section\">\n      Section aligns to center.\n    </section>\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end\">\n      Section aligns to end.\n    </section>\n  </div>\n</header>\n```\n\nToolbar sections are laid out using flexbox. Each section will take up an equal\namount of space within the toolbar by default. But you can accommodate very long section (very long title)\nby adding `mdc-toolbar__section--shrink-to-fit` to other sections.\n\n```html\n<div class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n        <span class=\"mdc-toolbar__title\">This is a super super super super long title</span>\n      </section>\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end mdc-toolbar__section--shrink-to-fit\">\n        <a class=\"material-icons search align-icons\" aria-label=\"Search\" alt=\"Search\">search</a>\n      </section>\n  </div>\n</div>\n```\n\n#### Toolbar title\n\nYou can use the `mdc-toolbar__title` element to style toolbar text representing\na page's title, or an application name.\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\n#### Toolbar Icons\n\nIcons can be added as anchor tags, `span`s, or `button`s to `mdc-toolbar`. There are two types of icons,\n`mdc-toolbar__menu-icon` represents the left most icon in `mdc-toolbar` usually to the left of `mdc-toolbar__title`.\n`mdc-toolbar__icon` represents any icons placed on the right side of an `mdc-toolbar`.\n\nWhen using `svg` icons, ensure you wrap the `svg` element in an `a` and include the `mdc-toolbar__icon` class.\n\n```html\n<a href=\"#\" class=\"mdc-toolbar__icon\">\n  <svg></svg>\n</a>\n```\n\n### Fixed toolbars\n\nBy default, toolbars scroll with the page content. To keep the toolbar fixed to\nthe top of the screen, add an `mdc-toolbar--fixed` class to the toolbar element.\n\n**Adjusting sibling elements of fixed toolbars**\n\nWhen using `mdc-toolbar--fixed`, you need to set the margin of the content to\nprevent toolbar overlaying your content. You can add the `mdc-toolbar-fixed-adjust`\nhelper class to the toolbar's adjacent sibling element, which will add default\n`margin-top`.\n\nWhen you are using `mdc-toolbar` with JavaScript, you should assign your content\nwrapper element to `mdc-toolbar`'s instance property `fixedAdjustElement`. This\nwill make `mdc-toolbar` aware of the wrapper class and adjust the `margin-top`\ncorrespondingly.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n// When you are using toolbar with JavaScript\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Waterfall toolbars (Requires JavaScript)\n\nBy adding `mdc-toolbar--waterfall` to `mdc-toolbar--fixed`, fixed toolbars become\nwaterfall toolbars. Waterfall toolbar is _initially_ static and has no elevation,\nand then when the user starts scrolling _becomes_ fixed and _gains_ elevation.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Fixed Last Row Toolbar (Requires JavaScript)\n\nBy adding `mdc-toolbar--fixed-lastrow-only` to `mdc-toolbar--fixed`, fixed toolbars\nwill anchor only the last row to the top.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--fixed-lastrow-only\">\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will scroll off screen -->\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will anchor on top of screen -->\n  </div>\n</header>\n```\n\n### Flexible Toolbar (Requires JavaScript)\n\nFlexible behavior can be added to mdc-toolbar, whose height changes as the user\nscrolls. Flexible behavior is highly customizable - we only define the change of\nflexible space size without making further assumptions. But we do recommend the\nheight of flexible space should be an integral number of `mdc-toolbar__row`\nheight and provide a easier way for user to customize height. Users can adjust the\nheight of flexible space through sass variable `$mdc-toolbar-ratio-to-extend-flexible`\nor css variable `--mdc-toolbar-ratio-to-extend-flexible`.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nCustom height of flexible space:\n\n```html\n<style>\n  #my-flexible-header {\n    --mdc-toolbar-ratio-to-extend-flexible: 3;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nFlexible toolbars emit a `change` custom event with a `detail` object containing\n`flexibleExpansionRatio` property. The `flexibleExpansionRatio` property is a\nnumber from 0-1 representing the _ratio of flexible space that has already been\ncollapsed divided by the total amount of flexible space_.\n\n```javascript\ntoolbar.listen('MDCToolbar:change', function(evt) {\n  var flexibleExpansionRatio = evt.detail.flexibleExpansionRatio;\n  console.log(flexibleExpansionRatio.toFixed(2));\n});\n\n```\n\nFor the most common use case of flexible headers, we've defined a **default** behavior:\n- Flexible has a fixed initial height 4 times the default size of `mdc-toolbar__row`.\n- When it has `mdc-toolbar--flexible-default-behavior`, it further defines the\nbackground and title movement behavior.\n\n```html\n<style>\n  .mdc-toolbar__row:first-child::after {\n    background-image: url(\"../images/4-3-2.jpg\");\n    background-size: cover;\n    background-position: center;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible mdc-toolbar--flexible-default-behavior\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n##### Caveat: Complex animation performance\n\nDue to the nature of having to listen for scroll events and mutate height, this\nmay degrade performance in some mobile browsers. For example, combining high\nresolution images with parallax scrolling could lead to severe performance\nissues in certain mobile browsers. When implementing patterns like these for a\nmobile device, ensure that the image is as optimized as possible and carefully\ntest the performance to make sure that it is adequate.\n\n```css\n.mdc-toolbar__row:first-child::after {\n  background-image: url(\"../images/4-3.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n@media (max-width: 599px) {\n  background-image: url(\"../images/4-3-compressed.jpg\");\n  background-position: 0 0;\n}\n```\n\n### RTL Support\n\n`mdc-toolbar` is automatically RTL-aware, and will re-position elements whenever\nit, or its ancestors, has a `dir=\"rtl\"` attribute.\n\n## Classes\n\n### Block\n\nThe block class is `mdc-toolbar`. This defines the top-level toolbar element.\n\n### Element\nThe component accommodates multiple rows using the wrapper `mdc-toolbar__row`.\nFor each row, it has `mdc-toolbar__section` and `mdc-toolbar__title` elements. You\ncan add multiple sections to toolbar. Refer to Sections and Toolbar title for\nfurther details.\n\n### Modifier\n\nThe provided modifiers are:\n\nClass | Description\n--- | ---\n`mdc-toolbar--fixed` | Makes toolbar fixed on top and have persistent elevation\n`mdc-toolbar--waterfall` | Removes fixed toolbar persistent elevation and makes it gain elevation when a user begins to scroll down the page\n`mdc-toolbar--fixed-lastrow-only` | Makes only last row of fixed toolbar anchored on top\n`mdc-toolbar--flexible` | Makes first row of toolbar have flexible space\n`mdc-toolbar__section--align-start` | Makes section align to the start\n`mdc-toolbar__section--align-end` | Makes section align to the end\n`mdc-toolbar__section--shrink-to-fit`| Makes section take the width of its content\n\n## Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-toolbar-ink-color($color)` | Sets the ink color of the toolbar\n`mdc-toolbar-fill-color($color)` | Sets the fill color of the toolbar\n`mdc-toolbar-fill-color-accessible($color)` | Sets the fill color of the toolbar and automatically sets a high-contrast ink color\n`mdc-toolbar-icon-ink-color($color)` | Sets the ink color of a toolbar icon\n\n## JS Usage\n\n### Including in code\n\n#### ES2015\n\n```javascript\nimport {MDCToolbar, MDCToolbarFoundation} from '@material/toolbar';\n```\n\n#### CommonJS\n\n```javascript\nconst mdcToolbar = require('@material/toolbar');\nconst MDCToolbar = mdcToolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n```\n\n#### AMD\n\n```javascript\nrequire(['/path/to/@material/toolbar'], mdcToolbar => {\n  const MDCToolbar = mdcToolbar.MDCToolbar;\n  const MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n});\n```\n\n#### Global\n\n```javascript\nconst MDCToolbar = mdc.toolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdc.toolbar.MDCToolbarFoundation;\n```\n\n### Automatic Instantiation\n\nIf you do not care about retaining the component instance for the toolbar, simply call `attachTo()`\nand pass it a DOM element.\n\n```javascript\nmdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n```\n\n### Manual Instantiation\n\n```javascript\nimport {MDCToolbar} from '@material/toolbar';\n\nconst toolbar = new MDCToolbar(document.querySelector('.mdc-toolbar'));\n```\n\n### Using the MDCToolbar Foundation Class\n\n#### API\n\nMethod Signature | Description\n--- | ---\n`updateAdjustElementStyles() => void` | sets `AdjustElement` proper `margin-top`.\n\n#### Event\n\nEvent Name | Event Data Structure | Description\n--- | --- | ---\n`change` | `{flexibleExpansionRatio: number}` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1.\n\n#### Adapter\n\nMethod Signature | Description\n--- | ---\n`hasClass(className: string) => boolean` | Checks if the root element of the component has the given className.\n`addClass(className: string) => void` | Adds a class to the root element of the component.\n`removeClass(className: string) => void` | Removes a class from the root element of the component.\n`registerScrollHandler(handler: Function) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event.\n`deregisterScrollHandler(handler: Function) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event.\n`registerResizeHandler(handler: Function) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event.\n`deregisterResizeHandler(handler: Function) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event.\n`getViewportWidth() => number` | Gets viewport (window) width.\n`getViewportScrollY() => number` | Gets the number of pixels that the content of body is scrolled upward\n`getOffsetHeight() => number` | Gets root element `mdc-toolbar` offsetHeight.\n`getFirstRowElementOffsetHeight() => number` | Gets first row element offsetHeight.\n`notifyChange(evtData: {flexibleExpansionRatio: number}) => void` | Broadcasts an event with the remaining ratio of flexible space.\n`setStyle(property: string, value: number) => void` | Sets `mdc-toolbar` style property to provided value.\n`setStyleForTitleElement(property: string, value: number) => void` | Sets `mdc-toolbar__title` style property to provided value.\n`setStyleForFlexibleRowElement(property: string, value: number) => void` | Sets flexible row element style property to provided value.\n`setStyleForFixedAdjustElement(property: string, value: number) => void` | Sets `mdc-toolbar-fixed-adjust` style property to provided value.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.35.0","_npmVersion":"5.6.0","_nodeVersion":"8.7.0","_npmUser":{"name":"anonymous","email":"bonniez@google.com"},"dist":{"integrity":"sha512-TxRjulzd49IGTT+rvBHNa2cMkgxk3A2pbZ3z4Te191ynNVegNxjbbDpgIBVC3gqKqTEYy51iPKUh2tDHc+6oow==","shasum":"f50a7ba7e6acda4fc03ca5044b1e88d5be974a23","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.35.0.tgz","fileCount":12,"unpackedSize":181450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa3mD9CRA9TVsSAnZWagAAl0QP/28rPiaoKVGIvBxGw9YF\nGfHAZrkIAtDNNNpzsZGW1rEn6DOapc+wtpqM+wMh8HDiRb9sM1K6A7IArXnr\nPkhDHLUGwNcEmMXOPm3D3nNx9fuolfBtZVWHQepkw0rNVcuhjLctmJjPCddd\nzUOYNnMb1iKhrl83tHVOJ0R+ns9+jIch4p5j9vN83CnMsPiRxx4wNn7fTvsp\npg9LauSuQ5QybMrNDVWyLI2IEwOBoQeQ6qrto5dALaEf/4JKpEe8hje18Djv\nleTIpBC+A/MvDuGU01nEt85KgxLAYic0fkGSd0TscxJSRoloOJ4gDdoV/+e9\nbThJ/avpt+Fn0MDElbsskVMDc1GozbLxksbheXt+x1hzs6vwgX/ddJFldNBO\n+6DeitAGF5u2tDQpUMriGQRw2Ly+XfPf+0fWt6r9wzHFyTOALWHT+6UI4dX3\nR7Zw0naO8pvMpQd1epytEkvv3S4hGi8Z3rZUiPA9ICeRp2CZCALFtHexD/cu\n6+e8d+lL7JW4iq3JbMHTmjJPpLaGFmmWPGfecofFrJJi+9ijB+M81kFu3Khr\nXzmEF/C6jls9JM6AyslxZsTsRcpVD522xZ6YlaF6g8+ada7ANuOFhvS+14le\n16b5HOKDvp2v/LnJxZ5lwbq5foUjjg/L5jE1/86G8KJqyojfF70noqcsesH6\nJkcd\r\n=ELve\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDEWQNI8UkW6fE5zx6Q+xXPvABkTU3IYdf3fHo94MYEEAiEAuRKyVD1JN+hFU97+hNWA12qunQcZw4Q0GBXP+aFwWYI="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.35.0_1524523259487_0.19557835755622643"},"_hasShrinkwrap":false},"0.36.0-0":{"name":"@material/toolbar","version":"0.36.0-0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.35.0","@material/ripple":"^0.36.0-0","@material/rtl":"^0.35.0","@material/theme":"^0.35.0","@material/typography":"^0.35.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.36.0-0","_npmVersion":"6.0.1","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-YXAS8V3jNQoGnUCSUyqjyoijP6r3aiCed8olJ84cKjloJ137UQhSM5BnNZHDSBnVL05x3nD+IRocA32+OWG8pA==","shasum":"212adbfb2a02eb34f9f9aa8fcf9ccac039ed2408","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.36.0-0.tgz","fileCount":12,"unpackedSize":180811,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbDXCJCRA9TVsSAnZWagAAzEUP/RCn49vSOCXihg2Hlsfk\nVDIC7HuVP07uEYnW+P+46UPCeFRVSzinoGztTkj2BrWp3eH79w7N86vXn/wO\nSgwS4kGXdo07F/tpzJtzrYWgV1R/vBE0usHPWLqPaKpGm9seSFjzqB7jdhop\nzdR2XWy/fc99kop5OL1/GHAQNrWsIz+0/ObiorP2B3L/RxZRzKeEgfijCy1S\nJMSDe8WmvMPkcOzr0IDdv/c1YIufDpe2HZDdRRUgeQ1Dq2idrAZAgPbYdhCc\nZv+jHg4pEbmldfNoakn2rPVXIhGqzS0mK0Wl887IQgo0J56Tbun/W5sFA4U9\n9bnz/KfTbRPScjscYeRQSYohghHzWrB8WDL8AYzl6+Lf4fhG0WOOXC5wXOTv\nx4KvV94UFYsUOc0Gvnf17oqqTD9EVkr8+rUf2FdbHWi/INQC4iFEELxbiuJA\nfaHH7zc6rOGTUOl+UgWfnzTtbJok837gxY3bUIfr4MdZq9tf+GwLTefTVZ/f\ncmStiVBidyUTO8Sz/3wv/yzb6I7xWNpDEhkYMpqYUwC93Ebk/imGH/Oj3HZb\n4rSItDHK2swKIRP1tENNu+wB0Cu8OD/x3U28lcX47/jPI/Q7zmPkUqMmeqJp\n+BrbWnG4vdzjRap/lKHg4R37m2OBxbw8hxPZ2BpZ3twHdcaYnFO0E3ZeEOiE\nPUot\r\n=Jg/n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGcikopZa26y044UcDd2HVFsOA5yim5y/q+ioNiQaWTaAiEA6/bgFnsTn5k2CWrEKqrs1+TmGo4GHsT1tKfcMprofdQ="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.36.0-0_1527607432025_0.8704407589528362"},"_hasShrinkwrap":false},"0.36.0":{"name":"@material/toolbar","version":"0.36.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.35.0","@material/ripple":"^0.36.0","@material/rtl":"^0.36.0","@material/theme":"^0.35.0","@material/typography":"^0.35.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.36.0","_npmVersion":"6.0.1","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-UK1F6Nonms5M3w5tdLgi8D3Oz5dtPsOyw5R4IB1IbT824IIJ8W8uFTIyn/VdcRVESdsI0tYIqboC6AJYedP4cg==","shasum":"b171b0032989a6ce601834450f374fc934133694","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.36.0.tgz","fileCount":12,"unpackedSize":180807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbFVzwCRA9TVsSAnZWagAA8aQP/3WLOKfiwBw+vQxlKggD\n5p09kZNpDdh8whxMzHnTZdV5CaR13hb23ihCGXDkuGnyxQ0jHU+kxC4YLU9F\nPuWAp550vE0PxMAK0pVo2Jx6FjaLdGE75JaJYnTYDqVnEZ2N3JRo5p2J386t\nFcslILEuNa2Y6n9LCKAnP48Nx7/VMLrbrtlc9QqMyOTCK86K3QE8MStunCgA\n5ZRQY+z3NJkaD/dvrQt3iEjynvTJZPOIV6HywJOm0AEsxQDKeWS1FQgoX2DD\nPQXgE3nWboRmZskFOl/DJT8sqkTkS3XLCtUM1bO7CGcunajDMJYX61koIkBQ\nJ6tId3fxCQ5BbEVygjtwqxuvsaN3/nNmdP3SpE81quG6oqtCb0BXQWGG7r8J\nze+kk/8kdhnLibQoVIuMFoQvvW3pBPbiwO+0pASgzjLwL1GjEHJV0VYiBjZ4\nryF8zMnceb2fZ1xL0LPn6+BUEMBOYJxZFHTr7vj49OC9pRUlznFSHgyjwnFd\nh2f4bFMCdW0I2GgG5oOazc3pSK5GhhI3+5ceaYaGW9A6vH3EPAJ32b4KwbEL\nWlkKGBtzyQTi2FFrjDGozZyLZVK6xYTJOowSPjSGa9IMqzlRQ6Aaqc5IkEC2\nueMT0ZvH68q8+nP3v+PWDEcAg6BLW5hQoVFe4LawktocpFRKDZwtQCkauPie\nCVWW\r\n=Um+J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC7Amo+CUgQDfXBKBWMKqNsjSxi82M9+VQ2Ge9OHXIIzAiABtsNP9PnrBo/ybptWEeBR7IqINy7vm4kay7jPqmBY6Q=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.36.0_1528126703238_0.572322528120081"},"_hasShrinkwrap":false},"0.36.1":{"name":"@material/toolbar","version":"0.36.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.36.1","@material/ripple":"^0.36.0","@material/rtl":"^0.36.0","@material/theme":"^0.35.0","@material/typography":"^0.35.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.36.1","_npmVersion":"6.0.1","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-V8f4R5TlOZ4kx39tGWpLcqhfzgngteGqG38iCpT9hdK5JArCq0H5E20FIY9ZRePbpAxiw75YRKjNCd7mgfacbw==","shasum":"ffa8af91a6775cc55c2d6f4207c94dbc574b6beb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.36.1.tgz","fileCount":12,"unpackedSize":180807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbJ9J4CRA9TVsSAnZWagAA+0IQAJWb34E7a4L1JndTWYDo\nMdYoG6Pcsn0lZAETodmBdL77DOXZDX3YU7/qNAMSCs5YEd/qGMzvrFYf4L2C\nxWV6zY5SLAOusxbsJXhz9Ldh8zQUKpy/VWOr2Upy3NghVaoc2K08OHSUprBK\nzBo89+9lTv3ZayKU5la+qBeR6IY7+Q2gTmNf484UTLETJXOg/d6FN3bCn+By\nx/fAxyBTBnsn3YjT6+AT7n5IAf9aMCovm5aCuAq1k390iasCuBcVsJx7ZpQW\nrXzgtsWp3YotWexzHM2mL9l+7G6k+DH23vDmKBIMutqppeTJO5jSJsaXIYP3\nx7r8oV6XG7PKgpNbwQKtZMgkmHyGdq2rOURyG+Qj9vFu3Ym5TPHo4+YS8exe\nnPeE9Zippisr7ernfji90ivsDjgSeeZISTm7JE29roq+4TUHYYHpdBpWxmX5\nVKvNrDrmr7VZZAimzy5SJhok4gcu7rn/0fI7lyskLG+b9iy6iPWZ1yIQTiU/\nFWxU6AuP3AxkjfdpkV5HPyUvSXRM83IjbdPMl3Kh6qsKfZ3UCXUunJidOVqb\nOGMVQvFudm0zxpHPX3LmNu9tsqlVI2MXWktNl4GuogXxk3f6OfkD2HUv7qxJ\nW38CiBoWEvJvU+BHFhLioD0El1CiFh80sZEO9u4jk0eol2w6NuXZ+MHf3GCZ\nyedT\r\n=XHB2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB01cV3T6+SkZ45YPxRtnAqyDH6XJOQPi4aPtjX1FaKHAiEAokIW1PaW4T74XEWs1X8opw8HO5cwbORtZgAbuCTv6eA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.36.1_1529336439584_0.3005290514148806"},"_hasShrinkwrap":false},"0.37.0":{"name":"@material/toolbar","version":"0.37.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.36.1","@material/ripple":"^0.37.0","@material/rtl":"^0.36.0","@material/theme":"^0.35.0","@material/typography":"^0.35.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.37.0","_npmVersion":"6.0.1","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-62rH9K+npoHlrevxkh2nMIB5d+6OLAMCD7uIgJfOuSi9xxIOmSOnGimSUT4uVIVub5uA4HXLgpBC0A1b3So0eg==","shasum":"0cf174fa49761649ea068d457ba729e6791246ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.37.0.tgz","fileCount":12,"unpackedSize":181183,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbOqPFCRA9TVsSAnZWagAA5ScP/j5oPm6+tm0VoZ/sL2ox\nyBNmfQHGp8N71Jn8lvthPNotZyeHUusJ1U/UzaBdepG+IUKfM+4droxIHSIv\nQweMuC+Qxuf3sXfC2yUVzisHdHPeMRcg4l2r2ZPCdZFQX2GwXuYKWaJE5F/U\nqM/a5ex1xwZVbgT1u3sMuV+tteeMdAqSUA6XGLp/lhUq02+aSh4XXYQmnXve\nJCpADcPVwzbWFTdNcjv5yAM00+ZSXd2pNVRYzytjEIKcRPsjZqRz29bqWMhk\nzz6Au3lIvntYFHCTUOG8grj7MgeFRJ4OE6TQPuYXpTr+XvgGLPXjeOWxdPVU\naYEQL3AB/73ddTa/j6fSr6iVIeFCOBhmy4j5QcqJrsZZPhI48qQkfbd7Gew7\ntjrNjbxivTe6VIK8OjRakAH285yTbEULXNSBSSH6DW/HJprzoSwkOzQm3Y+4\nMNL4OKRJBiEpSw6gvaCqMTRaTetm/6yKWr6BUlze18V/dQdXyYDnN+Pxl4Ht\nrzgrLNiBbIqqRA89kB0aZtDTIofj1l/XhOKNWDyYnWFiSZYJ/amuLPHD2u+V\naXfBScjHpfGfo23TIVSC0C3+0SfTWtgJgj6SQ3yjFnCstgwSx2FxfyUKF5WT\nsIZMS2XEWNZLRj1jlihl4ru28aG9lK74C+3CBGRrr6qoQ1sgXiylgkCL32x9\nSWuI\r\n=pe5p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLmtKM/JooCS2x9DdHoliAmoWcBpNfTbojRtKR6DhEFQIhAPb0DyhAM/FrFb93fA2UdPcoZJVH1VZe9twri6fV2qhy"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.37.0_1530569669716_0.0198682671057"},"_hasShrinkwrap":false},"0.37.1":{"name":"@material/toolbar","version":"0.37.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.36.1","@material/ripple":"^0.37.1","@material/rtl":"^0.36.0","@material/theme":"^0.35.0","@material/typography":"^0.37.1"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.37.1","_npmVersion":"6.2.0","_nodeVersion":"10.3.0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"dist":{"integrity":"sha512-HhoMWsJI2ju+ynWfNIHjnhkW6Mef1Nq0xzzQb00Buf68eJ0p8tSYLjyQHdrca+qEcjWaCuNbrMtkCtt4JXXShw==","shasum":"d47c295efab895905d8d1ab6945c0388db3ced9a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.37.1.tgz","fileCount":12,"unpackedSize":181288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbTQwICRA9TVsSAnZWagAAH9wP/2VDHsHp9cA5NXzXEmHi\ndrBryYdr2IXIw3j71xnUNcOkFQk8k9pitKpyjtfcKMoqFH00vKBN4lcMA1xN\n7KiEcNbcfsWI19GPedlvRkRCpEoMDUB0J8v32eQRqvecbMC9Ld0RzGKPzG/1\nubqjsOf/GtZBcLCBmWYBsJ/I+Gk4+UoeUsVeAeh4X6KYShcBq9jetQBBz1oe\nXWoY70SC8dc57dD4Wm7SOL519w2JcHsWAT0Ya0V+rJqtQSa8ka6nYBjlGRlt\nfEplvyFSVl1V4AFhAH/t31zvHpTDZtijtG948ZfhXsSrS1IVaMC4OeDMrti/\ncQ2QPPxjMz++dRrbGbF4tbTE571PjasvPmev4YkNRbs4V5WFEC9mL77g3cUP\nuSI+7xb8ot2WQMI3FYXqdU9yWmtZs7mz1zbSyohprtBgynzYgy+dcKmHa092\nw8bXUidTH1ZG+uNOGD+GsdL2DHEfPtFqCvBoiOxCvw5zJXoSp18YjilRdwOJ\nFEHqYYbVS0Fonkxy3rjlXRlg36b6UsR4wnAb1zA0tLC3gmzM1vyl5RNbip9b\n9sWoZizIpirA4qmUN+uhK77OlGn/Dy1nIQvkiDA2Pxq+t62mQz5lK2NBK3Gj\nbuN+x3Sl3YTIhTffD5whPHvPX594gpsWwoiOr+id+HTacaKiZoxtFBUD7ESf\nNDk0\r\n=5OJG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcNlzGd8zKT0lnRRoHaQwjYoKcS65BvGF68kkzGPcu4gIgMxtpHXUT9LRrQHHu1ubRM+M63onHSmQFy4VgW/fPoI0="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.37.1_1531776007931_0.6889276099552823"},"_hasShrinkwrap":false},"0.38.0":{"name":"@material/toolbar","version":"0.38.0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.38.0","@material/ripple":"^0.38.0","@material/rtl":"^0.36.0","@material/theme":"^0.38.0","@material/typography":"^0.38.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.38.0","_npmVersion":"6.2.0","_nodeVersion":"9.11.1","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"integrity":"sha512-qyHnt+fEWkASDme6miQ4wvydnA1hyfpSRdzBgX/vEgIrjeFvZgtkEYvYYXH1YaRHPFgPOKTAVn/l+oFgdr9woQ==","shasum":"38e4761a1bff5a5833493aa6bd3f3ca1cfa1ec29","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.38.0.tgz","fileCount":12,"unpackedSize":181556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbX0XWCRA9TVsSAnZWagAAQFkP/R8EQ0XE5bT+HDJFGUVj\n/uCEiOThNJUsCaGIaNeOwzK/IVGu/D2/aT2KDbCVpWykIl6ammUNwTwrxezX\nYittLBPOwJW8LzhqxNyl5X4x2RzEfjQF3Ig2WYV7C7qda6DSZ8akfRD4JYoV\nts8sS/+Ppcn81JsF+Hk90qQsbFUKGAGv7XyCcclRlmJ0+QewlXnxd12vRh0M\nJPFoUhLmUxrUEWos+RSJdwNuaQZ3p+r02Foh7ukjjbyxt0YbS+/dfiYvMMQx\npVPmwRLYcr2HwJo8gi8NuEHu4k/h8cC+5BgN1wVEMv1m1k4vzo/vQlibzWsg\nOqRufFLViJiJ/PkY31CZs8gpXdKn940GK9Zu4LvmDgs+MMsFW20M+x/g5cnp\n3AN5LqCq3KX65UMGHk07Gss9lMSCoHDt1+3z5zqXO6JzFAJMA6K/0eREh4vl\nIdkwIm2wmbD/S3pbpHziarqa7z7IM1uyM97YMsjlqMYm0yDKPUOZCMrR1iwD\ng9MgyshAWRlQj79o4QgkYxpAN5CCiHH9HgUKmo31axvbmJDyyRcl4wZAfFoy\nongdt2BMjqjkqq6XarsJSW6sdVqqCiiZYIIxBbMRqKzF5rMJqrI8WJZt96Go\nxCYglvXjzUphjtacz9EIYECymaqp5YIk91tfXMjPhmVBOspGTmX1l7tVPHad\nxpeC\r\n=lIMH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4QtZlwib2tnJSg3zCYnMciBJDkrOvqOEVvGYdPmh5LQIhAPFq3K0kT9OlItHgXqPHZZ3wvsgzVFOBA8QfPmnCMPJK"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.38.0_1532970453951_0.7891104412392669"},"_hasShrinkwrap":false},"0.38.1":{"name":"@material/toolbar","version":"0.38.1","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.38.0","@material/ripple":"^0.38.1","@material/rtl":"^0.36.0","@material/theme":"^0.38.0","@material/typography":"^0.38.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.38.1","_npmVersion":"6.2.0","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-EkBC8UcO8DHuM8qPlmSome7w0k+qiwUsliB/orHVhg8zdC9Ikq1FhK6wTK9oKFsJHbJZS49JfaAXh8VhpzybSQ==","shasum":"e9ecf667ce622afd4eac18ef02a8c412067911ad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.38.1.tgz","fileCount":12,"unpackedSize":181889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbcex3CRA9TVsSAnZWagAAHkkQAIspHpKPtnxjFrakpqUm\nhh2ERjiwvLnYuJDXWyQjg+9vAjtINmnApkmvhkaIA4tbRxfNeB/qcQAM4SJW\nMCvojMiJ7PFzrrDA8ChPfE52u6AaFfomTBIAXICfrIjWKfcah59h4ZV5L2R7\nmN2Np0UkYYbpZ7TtN8ZA1nP0eHM75Y3SLZJppCQI/0U9p6s/7BvPsA1nApxP\nAWwf51FzF6wG8eQ0zYqr9eznCa4RFBprhBFr/ZeoqBg/izhLjE1pqtn6PEQN\n+2IMpF/cxPvTgpTVqj6Zlyx9Vj3DKDSp15rQMNCgfkNtAW/quvkZjTWpUGkW\ntx7LZsS2efgj4J8TrGlJwi61zS6et1lGcssTVBZ97wzw5qk5S6zA+rmm5d+4\nA+EhKS6id6chA0w2Pdm92gUzVYoPC4VIG6if/+j4IUU1C00iEQ0497CECfKz\nkd+EhPwICFpv250ZU2m5j0mYmti9M6ymOwFA1vU8vxuRlT7eObqLJaSnl91+\nBId5BGnvtXPBFIhHTxVfSpL6DWYvtpdKg0Fn1GvS3RFttT4LyL7oXLjxHiNr\n7T9E1NWL+k1YFe8ODMhJ8UspX748FUECkJJkCvdTIkQQk2EG00qGCYRo361q\nk3HJayDy+dA+6UkU/sUyKno/SN7bp8GXTpI+4ouDUzez0cv8bBGY90tRlwfX\nqSj8\r\n=Lb5d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCR8iw8QQ3d8Ho0bYWsCRTnzMvLdg8jr88THM0pV4BMjgIgVvV0qBeg6TLGaUHKV+P6EfHZGSvDgNuvmejgLXx4WyM="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.38.1_1534192758676_0.6519168489632059"},"_hasShrinkwrap":false},"0.39.0-0":{"name":"@material/toolbar","version":"0.39.0-0","description":"The Material Components for the web toolbar component","license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.35.0","@material/elevation":"^0.38.0","@material/ripple":"^0.38.1","@material/rtl":"^0.36.0","@material/theme":"^0.38.0","@material/typography":"^0.39.0-0"},"publishConfig":{"access":"public"},"readme":"<!--docs:\ntitle: \"Toolbars\"\nlayout: detail\nsection: components\nexcerpt: \"A container for multiple rows of items such as application title, navigation menu, or tabs.\"\niconId: toolbar\npath: /catalog/toolbar/\n-->\n\n## Important - Deprecation Notice\n\nThe existing `MDCToolbar` component and styles will be removed in a future release. Some of its functionality\nwill be available in the [MDC Top App Bar](../mdc-top-app-bar) package instead. Bugs and feature requests\nwill no longer be accepted for the `mdc-toolbar` package. It is recommended that you migrate to the\n`mdc-top-app-bar` package to continue to receive new features and updates.\n\n# Toolbars\n\nMDC Toolbar acts as a container for multiple rows containing items such as\napplication title, navigation menu, and tabs, among other things. Toolbars\nscroll with content by default, but support fixed behavior as well.\n\nWhen using the **fixed** pattern, a persistent elevation is added to toolbar.\nWhen using the **waterfall** pattern, a toolbar will have no elevation when the\npage is scrolled to the top, and gain elevation when a user begins to scroll\ndown the page. Toolbars also support anchored only last row at the top behavior.\nFor toolbars with this modifier, only the last row will be anchored at the top,\nwhile the rest of toolbar scrolls off.\n\nFlexible behavior can be added to mdc-toolbar, where the height of the toolbar\nchanges as the user scrolls. Flexible is defined as a modifier class of toolbar\nbut not a standalone component. Toolbars using this modifier will have additional\nheight added to their first rows.\n\n## Installation\n\n```\nnpm install @material/toolbar\n```\n\n## Usage\n\nWrap the items with `mdc-toolbar` class in the following way:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\nMDC Toolbars can accommodate multiple rows using the wrapper `mdc-toolbar__row`:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n#### Sections\n\nToolbar sections are aligned to the toolbar's center. You can change this\nbehavior by applying `mdc-toolbar__section--align-start` or\n`mdc-toolbar__section--align-end` to align the sections to the start or the end\nof the toolbar (respectively).\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      Section aligns to start.\n    </section>\n    <section class=\"mdc-toolbar__section\">\n      Section aligns to center.\n    </section>\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end\">\n      Section aligns to end.\n    </section>\n  </div>\n</header>\n```\n\nToolbar sections are laid out using flexbox. Each section will take up an equal\namount of space within the toolbar by default. But you can accommodate very long section (very long title)\nby adding `mdc-toolbar__section--shrink-to-fit` to other sections.\n\n```html\n<div class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n        <span class=\"mdc-toolbar__title\">This is a super super super super long title</span>\n      </section>\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end mdc-toolbar__section--shrink-to-fit\">\n        <a class=\"material-icons search align-icons\" aria-label=\"Search\" alt=\"Search\">search</a>\n      </section>\n  </div>\n</div>\n```\n\n#### Toolbar title\n\nYou can use the `mdc-toolbar__title` element to style toolbar text representing\na page's title, or an application name.\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\n#### Toolbar Icons\n\nIcons can be added as anchor tags, `span`s, or `button`s to `mdc-toolbar`. There are two types of icons,\n`mdc-toolbar__menu-icon` represents the left most icon in `mdc-toolbar` usually to the left of `mdc-toolbar__title`.\n`mdc-toolbar__icon` represents any icons placed on the right side of an `mdc-toolbar`.\n\nWhen using `svg` icons, ensure you wrap the `svg` element in an `a` and include the `mdc-toolbar__icon` class.\n\n```html\n<a href=\"#\" class=\"mdc-toolbar__icon\">\n  <svg></svg>\n</a>\n```\n\n### Fixed toolbars\n\nBy default, toolbars scroll with the page content. To keep the toolbar fixed to\nthe top of the screen, add an `mdc-toolbar--fixed` class to the toolbar element.\n\n**Adjusting sibling elements of fixed toolbars**\n\nWhen using `mdc-toolbar--fixed`, you need to set the margin of the content to\nprevent toolbar overlaying your content. You can add the `mdc-toolbar-fixed-adjust`\nhelper class to the toolbar's adjacent sibling element, which will add default\n`margin-top`.\n\nWhen you are using `mdc-toolbar` with JavaScript, you should assign your content\nwrapper element to `mdc-toolbar`'s instance property `fixedAdjustElement`. This\nwill make `mdc-toolbar` aware of the wrapper class and adjust the `margin-top`\ncorrespondingly.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n// When you are using toolbar with JavaScript\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Waterfall toolbars (Requires JavaScript)\n\nBy adding `mdc-toolbar--waterfall` to `mdc-toolbar--fixed`, fixed toolbars become\nwaterfall toolbars. Waterfall toolbar is _initially_ static and has no elevation,\nand then when the user starts scrolling _becomes_ fixed and _gains_ elevation.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Fixed Last Row Toolbar (Requires JavaScript)\n\nBy adding `mdc-toolbar--fixed-lastrow-only` to `mdc-toolbar--fixed`, fixed toolbars\nwill anchor only the last row to the top.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--fixed-lastrow-only\">\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will scroll off screen -->\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will anchor on top of screen -->\n  </div>\n</header>\n```\n\n### Flexible Toolbar (Requires JavaScript)\n\nFlexible behavior can be added to mdc-toolbar, whose height changes as the user\nscrolls. Flexible behavior is highly customizable - we only define the change of\nflexible space size without making further assumptions. But we do recommend the\nheight of flexible space should be an integral number of `mdc-toolbar__row`\nheight and provide a easier way for user to customize height. Users can adjust the\nheight of flexible space through sass variable `$mdc-toolbar-ratio-to-extend-flexible`\nor css variable `--mdc-toolbar-ratio-to-extend-flexible`.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nCustom height of flexible space:\n\n```html\n<style>\n  #my-flexible-header {\n    --mdc-toolbar-ratio-to-extend-flexible: 3;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nFlexible toolbars emit a `change` custom event with a `detail` object containing\n`flexibleExpansionRatio` property. The `flexibleExpansionRatio` property is a\nnumber from 0-1 representing the _ratio of flexible space that has already been\ncollapsed divided by the total amount of flexible space_.\n\n```javascript\ntoolbar.listen('MDCToolbar:change', function(evt) {\n  var flexibleExpansionRatio = evt.detail.flexibleExpansionRatio;\n  console.log(flexibleExpansionRatio.toFixed(2));\n});\n\n```\n\nFor the most common use case of flexible headers, we've defined a **default** behavior:\n- Flexible has a fixed initial height 4 times the default size of `mdc-toolbar__row`.\n- When it has `mdc-toolbar--flexible-default-behavior`, it further defines the\nbackground and title movement behavior.\n\n```html\n<style>\n  .mdc-toolbar__row:first-child::after {\n    background-image: url(\"../images/4-3-2.jpg\");\n    background-size: cover;\n    background-position: center;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible mdc-toolbar--flexible-default-behavior\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n##### Caveat: Complex animation performance\n\nDue to the nature of having to listen for scroll events and mutate height, this\nmay degrade performance in some mobile browsers. For example, combining high\nresolution images with parallax scrolling could lead to severe performance\nissues in certain mobile browsers. When implementing patterns like these for a\nmobile device, ensure that the image is as optimized as possible and carefully\ntest the performance to make sure that it is adequate.\n\n```css\n.mdc-toolbar__row:first-child::after {\n  background-image: url(\"../images/4-3.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n@media (max-width: 599px) {\n  background-image: url(\"../images/4-3-compressed.jpg\");\n  background-position: 0 0;\n}\n```\n\n### RTL Support\n\n`mdc-toolbar` is automatically RTL-aware, and will re-position elements whenever\nit, or its ancestors, has a `dir=\"rtl\"` attribute.\n\n## Classes\n\n### Block\n\nThe block class is `mdc-toolbar`. This defines the top-level toolbar element.\n\n### Element\nThe component accommodates multiple rows using the wrapper `mdc-toolbar__row`.\nFor each row, it has `mdc-toolbar__section` and `mdc-toolbar__title` elements. You\ncan add multiple sections to toolbar. Refer to Sections and Toolbar title for\nfurther details.\n\n### Modifier\n\nThe provided modifiers are:\n\nClass | Description\n--- | ---\n`mdc-toolbar--fixed` | Makes toolbar fixed on top and have persistent elevation\n`mdc-toolbar--waterfall` | Removes fixed toolbar persistent elevation and makes it gain elevation when a user begins to scroll down the page\n`mdc-toolbar--fixed-lastrow-only` | Makes only last row of fixed toolbar anchored on top\n`mdc-toolbar--flexible` | Makes first row of toolbar have flexible space\n`mdc-toolbar__section--align-start` | Makes section align to the start\n`mdc-toolbar__section--align-end` | Makes section align to the end\n`mdc-toolbar__section--shrink-to-fit`| Makes section take the width of its content\n\n## Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-toolbar-ink-color($color)` | Sets the ink color of the toolbar\n`mdc-toolbar-fill-color($color)` | Sets the fill color of the toolbar\n`mdc-toolbar-fill-color-accessible($color)` | Sets the fill color of the toolbar and automatically sets a high-contrast ink color\n`mdc-toolbar-icon-ink-color($color)` | Sets the ink color of a toolbar icon\n\n## JS Usage\n\n### Including in code\n\n#### ES2015\n\n```javascript\nimport {MDCToolbar, MDCToolbarFoundation} from '@material/toolbar';\n```\n\n#### CommonJS\n\n```javascript\nconst mdcToolbar = require('@material/toolbar');\nconst MDCToolbar = mdcToolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n```\n\n#### AMD\n\n```javascript\nrequire(['/path/to/@material/toolbar'], mdcToolbar => {\n  const MDCToolbar = mdcToolbar.MDCToolbar;\n  const MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n});\n```\n\n#### Global\n\n```javascript\nconst MDCToolbar = mdc.toolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdc.toolbar.MDCToolbarFoundation;\n```\n\n### Automatic Instantiation\n\nIf you do not care about retaining the component instance for the toolbar, simply call `attachTo()`\nand pass it a DOM element.\n\n```javascript\nmdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n```\n\n### Manual Instantiation\n\n```javascript\nimport {MDCToolbar} from '@material/toolbar';\n\nconst toolbar = new MDCToolbar(document.querySelector('.mdc-toolbar'));\n```\n\n### Using the MDCToolbar Foundation Class\n\n#### API\n\nMethod Signature | Description\n--- | ---\n`updateAdjustElementStyles() => void` | sets `AdjustElement` proper `margin-top`.\n\n#### Event\n\nEvent Name | Event Data Structure | Description\n--- | --- | ---\n`change` | `{flexibleExpansionRatio: number}` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1.\n\n#### Adapter\n\nMethod Signature | Description\n--- | ---\n`hasClass(className: string) => boolean` | Checks if the root element of the component has the given className.\n`addClass(className: string) => void` | Adds a class to the root element of the component.\n`removeClass(className: string) => void` | Removes a class from the root element of the component.\n`registerScrollHandler(handler: Function) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event.\n`deregisterScrollHandler(handler: Function) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event.\n`registerResizeHandler(handler: Function) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event.\n`deregisterResizeHandler(handler: Function) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event.\n`getViewportWidth() => number` | Gets viewport (window) width.\n`getViewportScrollY() => number` | Gets the number of pixels that the content of body is scrolled upward\n`getOffsetHeight() => number` | Gets root element `mdc-toolbar` offsetHeight.\n`getFirstRowElementOffsetHeight() => number` | Gets first row element offsetHeight.\n`notifyChange(evtData: {flexibleExpansionRatio: number}) => void` | Broadcasts an event with the remaining ratio of flexible space.\n`setStyle(property: string, value: number) => void` | Sets `mdc-toolbar` style property to provided value.\n`setStyleForTitleElement(property: string, value: number) => void` | Sets `mdc-toolbar__title` style property to provided value.\n`setStyleForFlexibleRowElement(property: string, value: number) => void` | Sets flexible row element style property to provided value.\n`setStyleForFixedAdjustElement(property: string, value: number) => void` | Sets `mdc-toolbar-fixed-adjust` style property to provided value.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.39.0-0","_npmVersion":"6.4.0","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-iSkzPLH3q2p1l6iXZ9kXGCromV4WuXLj111q+EZG0sCqnXUnSY+NiaiNW49yxR/C13WSYk29A9igqW5E+HjBVA==","shasum":"7ab60d003df47ac62a81beece72fc4567948f545","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.39.0-0.tgz","fileCount":12,"unpackedSize":181902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbdZVVCRA9TVsSAnZWagAAiCcP/1aqmOEUAT1R6oom5OZy\n7RgEEXTkD385bFOFu8wqmBt7uDtvDq1ZMdZaL2x/LmjE7C48pNVEhLt+00vg\niIUYrVqMrBvWxFjuMDuBCqaClASh4L4LdrRprCqzSLVQ5ZMLAJeII6dpeKIb\n+S+BC849+3n63wt9mPOHdCDBIDFrORbM4ckWfOsexYqFVQ2B6AcXq5AP0e9R\nHxNAyP75wAsc7hBryEBIIH4qKWa0RdAE/AnrO5XEy+Qusrc/s1CH4Ru79cPp\nYmeCwW2d8zj85K43kUO+6xvWnc+xXl8YGrX0zhGQ2G+55yE0KqLIkp5U3Voy\nFxI9rBXIil8t3VV2jwkx4g8QPT3Ui2bE8ToLc6rTB/eBuN2dA9JUNM65JmxV\n1ckZJlfvXphr4rADbZmHTqDb46vMNRgSfafhPaF8SqfLeJZGzpfWQoOp5/oA\nU10uuu1R2A74n9CzkzFWrEDNufCmBmADK2xPlBLLLVICrEihKXq7YrzL/TXk\nnny5ExtDUpq5pQMeJuMu5fTijxYjgGhYvr3gLzdxfzRDvAJspQKZm/zMNE2C\nMlDwF+dimW3NykyY+OMdQAC/OqubRWamB6yVcj11vMXttjIOtRAS+2ioluX0\nhMplbjAajQPNkB9zGaCdEd4lSqsLjiVkssDlBBM9/l0QR4FXboJsE3iyr7y9\n8mgS\r\n=eKBb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGrgd9RcZIWwO0BrrAjhXmWEw2MJ/pJ7k3rgtR3brZjcAiEAvUIbLpng8qyfMWC9QU3BbbyFOgA1KamAwqjzTYwpths="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.39.0-0_1534432596727_0.4726120783412031"},"_hasShrinkwrap":false},"0.39.0":{"name":"@material/toolbar","version":"0.39.0","description":"The Material Components for the web toolbar component","license":"MIT","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.39.0","@material/elevation":"^0.39.0","@material/ripple":"^0.39.0","@material/rtl":"^0.39.0","@material/theme":"^0.39.0","@material/typography":"^0.39.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.39.0","_npmVersion":"6.3.0","_nodeVersion":"9.4.0","_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"dist":{"integrity":"sha512-tMPEArPmxKyvnUb5Er5CoTSA3n9n2vaQk/+iXyrzY8wM2LmITq8C01+SFXXwf45t4y1FXrNpuyCSSl05UhNIOg==","shasum":"54676abe027b74859d37ab6fff68c27e33958933","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.39.0.tgz","fileCount":12,"unpackedSize":192549,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhDetCRA9TVsSAnZWagAASXcQAJID63qSyLIv+rMrz+IS\n9VbcdMCmk/6Gyp5ZFQrFgEMc38aEY/Dg4igyZIhBlH81U5nLTrgAbI7QPaS4\ngFBz0KoRSvEhA2C2LA+IecgD3KHQDw9hUfxLUS4o+ywAGfH5pK7Bo8NBc8U0\n7o+qilI2E2Io2X66P+kngYgkqip8MRb+ZXfggZScmMrVW/9Q+/wq14F97/He\nhZZq8EfIrYaT2AHHfzbrfMNN7uBiFWDekUBvfT3eaifTYsaVlBysTD+n+ffd\ncNZGyA6hwM3OE1txXosoJEY3YCINbkfZjs8gPWVuCameEAxuQ7gb4sS5XOvj\n0nkhJgEeOfQABbxSBnGzjJY5csHj6BgUnD1yCCFpeVNR6HyiATHisJtIBCSv\n7MP6TmVonp6HJSJ2Mh2R2JcguW3Le31DCoBOD8nYv62Ay7O/xvVB5WW3HFnV\nlSp0BjTzEQYL0I7ubJj/ioG8SGTv6LECXag+TiYzY1QbWIymK7sZToUXoU7D\nh3XaR+r2sIVh+Kz1mQTsWOIkKbbMbyDTP0EEpdvq9tNFzFsISwuz4OJsG+lC\nxQc0Vu79ETp786uCgmmEEeQp6rOmn1rSYhJJFXJgheiqNsV5oH5jL3hKS/ca\niRzwZxv6PPqbqi1AJo4AI/iSoRiJ7/3SlFrwh02TPkUj44aYZH33d358gQdg\nZBFa\r\n=izk7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFopW7gtt/GDGHVWDi5mZgPau1lv/8uw7LjqW5kCgFp8AiBJu1ocl3e5WTNjDxeybTDnPLtXBZor3pixXEtu6PM8Fg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.39.0_1535391660604_0.2681250384416718"},"_hasShrinkwrap":false},"0.39.1":{"name":"@material/toolbar","version":"0.39.1","description":"The Material Components for the web toolbar component","license":"MIT","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.39.0","@material/elevation":"^0.39.1","@material/ripple":"^0.39.1","@material/rtl":"^0.39.1","@material/theme":"^0.39.1","@material/typography":"^0.39.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.39.1","_npmVersion":"6.3.0","_nodeVersion":"9.4.0","_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"dist":{"integrity":"sha512-cmC5rV9us4+cN9zqBK+tJXInSe4JJZr79z7KWZuE29w6wEkZQWVKK7J35ZY/KmAZbm6/FNC11KpOYnELkwnyRg==","shasum":"e04242dd7334e3a7a24b1479b48b52806ed56d6a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.39.1.tgz","fileCount":12,"unpackedSize":192549,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbibTxCRA9TVsSAnZWagAANo4P+QClK4+EW8ljHhO1EXlP\nDAXASFnkDkioSW9FMGwM6EVqSlrQOLpnntIp/W11qByQFBcDxj3/+s3vFJ+r\nL/IRc6IEesMWUUHO6fgKuJNUgy9ipvDM+VtL8POcYo9yFPty9+3j8TA8Lhf0\nF2tOF11aGAawE0Msp7/LaffV0WZw+K/vMHsS4Abg+kgP0QGKVpslxzf9+aZx\nz0jLgL4ZM6101hh7quPYlnXX2AEruei/gh+pq/snA2RbwussJrO2WGzRVyux\n63vR2mdLZUyFeqC4lJUifADud7GFlFeDhZPEEmNH5ljyyQrx7WlFUQRfwm0e\ndg7t+Oe9PdkJO8w1kV8CjAX4kq634XtJGhRQTozSCWMI53vQtSLqqxjIS4q1\nQgGQkc5ZjyJcbyImM/eNnfsR8alHZ+tJiAErIzhkMMhHWa5pDlQ6zjO/WWhP\nZ1PbqY9LX+Evday4uzf/M5woFpP737lVgTHJg9RN61CoIB7tDg7/gNYfxrgC\nKjOrwp+Yaow2Xkzwe8rxyOc+R0iRB3aVPN9WVqdUoSf635YvoWPgVGTBQmTW\nHE1/4IxJ6M26MJ/DUVY6Zy880tRqUtFnId59aezibG3M4V4zE56IZCYGw0xv\n0SZX7IxotpL6EUCo0cb3fYbZc4g0qKT/7g2gmN3mxtaqTy1RhlHLtJaL0TEN\nLvQt\r\n=Nb4d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLLzB9SCs82pIi6ZCSBQF3NRCtiCpqYCEAX5GaNhP+GgIgNCmM0gb1g+pUHUQ8mbGftG7YS5tRrgET6SKnzG/4ejQ="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.39.1_1535751408290_0.8242442622793527"},"_hasShrinkwrap":false},"0.39.2":{"name":"@material/toolbar","version":"0.39.2","description":"The Material Components for the web toolbar component","license":"MIT","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.39.0","@material/elevation":"^0.39.1","@material/ripple":"^0.39.2","@material/rtl":"^0.39.1","@material/theme":"^0.39.1","@material/typography":"^0.39.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.39.2","_npmVersion":"6.3.0","_nodeVersion":"9.4.0","_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"dist":{"integrity":"sha512-pPodLldrNQ04nFpfTWVUegoNjLkvinyzEvJdIsuKpygWA5smJmp5j+uo1UUVXN3tuRNtFz5s2mYztO5t/ayVqQ==","shasum":"c16350b1d07f58913a05473b83c699f8f5a7b991","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.39.2.tgz","fileCount":12,"unpackedSize":192918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbl/N9CRA9TVsSAnZWagAATjMQAJ1oaozXrl5YBheobXEJ\nm97p4xcztfecCarAhOwUv+aeX859MJIxKxNwoJBjDKqJdz4tT2EwGbWHFmLO\nyd2T/TAKhl8Lo6obD8uXbLQGcqkhvfiMAM5sK3yKRJhPzLJEOT5RNNWT5zKs\nCb9OguPkoaoRLBPEGLyIp5lOX21q31vCThzjIe1CpNqxDbGsWW+hE1IIxtEJ\nKOjAKcCgRE1hvAHrUMMHE4fwAaoRe1yIhipwgPmZVzsOLI6Cku8svklOiyrg\n+VNEUEHP5H69FhJk2KY5OBP8hLNdOZrUEBNuJ1ki4zLgZWcIYGimfOjw65/X\n/BaQKBJEcAiB9zMspA8hZ6Cg/M+ZOCqLet+042ePVWVaryS4TKnjoFvAdMYb\nBrodWhghe6pqwmBrfXAu8YcKsOlupm2gE+Bcc19fovYRul4QEzY9LarS3AN3\nP9+4RlF9joLxUjsxkQqg2CistukxeNNQt9ckFSY/ExWQnjDsutYJaFm/fXCs\nX6S8IgGO5F3IlEmEQvaJRS0OA/er9s8Zl31i9mKYtJKwPSPvOmQMbkPkfe9T\nZYA+ogqcVV1ObZGYEtLLj+4K+MmI6hfgu/vNh1L2Z5G2xwo1wvsfNeqY0bIO\n+sFuVDhmLMw281DaLcTUs6HmfDx3++LW+SlxIEhxy7Ne5/tDWPtsTDZScHq0\nE8R1\r\n=rRof\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERE074Bo43Ml3Pn3IQ24agExMB5z9+uUa7kMMJ9/8CHAiEAsBDVwL9IhXhqz0BUKcYxwoJyZMHnjc+FFxWO0UMHxr8="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.39.2_1536684924371_0.978232035411803"},"_hasShrinkwrap":false},"0.39.3":{"name":"@material/toolbar","version":"0.39.3","description":"The Material Components for the web toolbar component","license":"MIT","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.39.0","@material/elevation":"^0.39.1","@material/ripple":"^0.39.3","@material/rtl":"^0.39.1","@material/theme":"^0.39.1","@material/typography":"^0.39.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.39.3","_npmVersion":"6.3.0","_nodeVersion":"9.4.0","_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"dist":{"integrity":"sha512-Mddr9nWO2a03G2xbg4jpxwGVNyKD8qlXtNVUkR1zPZW2kP6qMcr6klZxmSvmEGWQaiA7wGYWKsPeAU6L9nGxMg==","shasum":"d3b120e613116da4f487f7cd4880d7213e1d2d13","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.39.3.tgz","fileCount":12,"unpackedSize":192918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbl/kTCRA9TVsSAnZWagAAiaUP/ikXJCp05dDCPzKo5lI0\nsLo8uMjEZVlU5iO/ZBeo8+RtIudPCD/lfcbcYR3t/n4LyAmAlptQ69pZ/s0q\nbW3QP5IkjZdK7RVWlv6yvsLuEaH4pbwZgZctlCyvlMCXpvselXnoV8r9HvjD\n7mbNvVYqKet8EsXOa1l03iLjDZ9FHPtFGKf4nTw9NtHd8GEYbVm5TOUckwAr\noGq9nB5u1rhyr3wvvC9reV7zT1zgojCwMdO49ItddtJ2uKoCq9/SuAWF2z33\nM+S4p/y6mzFVds2TdgHr8IX6OFUjbAaN/M5rCoGLOFTqWLrCXqHDkea+sWFH\n4gIAMkHvygsZzVkDCBCqRaNmhojSSLuYgVbhvRzZH+7Kel5WxD7XxmGbnkMi\ncHe7Qm7nosRaAKQ0rD40sNnNLV1PR5UVA+1y/IVrKbTyMHgj7mjc5lsskZZc\nyVpdTO9BewJ1BobVcdzXFhc21uYfL13DiXRXorZVrL07crV/eLtr4emPkxdp\nTRNzUSSYtEfKSO9RVovj7WQlbfKoFGiKdnkxE00wPzmeW59T9X9FNgnf0eeU\n2NtC35ypdIWDc9xWDHf31Uz/forjbsxzADF/dcj/OVlGUg7Nke4l5WoKhcK6\n6fSmtiZkSAX4ZH8es2r5fs+ziu55LHnykKtXci5IDQufjtGa3t/jlRKsTgIU\nROoc\r\n=ZFQP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgoEo7beMZ0+rPH2ZW7STEpBkNSU9DmKSornN77kvShAIhAKJxG2/Nr/ZlQewERwKnkTyjfIZYZG0/FbyTEqxODUxC"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.39.3_1536686354576_0.1773287228285898"},"_hasShrinkwrap":false},"0.40.0":{"name":"@material/toolbar","version":"0.40.0","description":"The Material Components for the web toolbar component","license":"MIT","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.39.0","@material/elevation":"^0.40.0","@material/ripple":"^0.40.0","@material/rtl":"^0.39.1","@material/theme":"^0.40.0","@material/typography":"^0.39.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.40.0","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"dist":{"integrity":"sha512-XcCaFprch8r/2U9EkP5MePMBUaSaLdTrQyLmODxs2LQWaXWvfYao21nlIDbsnM3MOLkJswh3C4zdN1VTqrmjZA==","shasum":"ef12a701478c04318affd3c3487e9f97fbe6aff0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.40.0.tgz","fileCount":12,"unpackedSize":193132,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbqUK4CRA9TVsSAnZWagAA2iUP+wfdDtKmfNSytu9ELmOV\nyMs9yMEG7q+LyXRTLI309BcZkkykJ1hawVJdv5Wd8BMVvvrUTJcZYlwtZ4B9\nRrIWn/FM6lWI5/JhM9N/xJdeXNiDAIuY6P+9btMrXM8pMHwwfOHDkC+zOR/2\nn4cify8HUfHG0YZdZ9jTT+xYvFXDcf2qUkj2ii+qUcMdBj46TIaOTR1DWW5p\nmTP1Rwp6R9Wyi2tt/8EAHgn4phhwY0uXB0dBaubyGhQovl6t8wM8qg3Nl173\nde4QI7P6UeN+JGho7bsvUG0O/hN9hsUDeEJE4I7UeBzKeqMdw4pRNConQyKd\nWybNzPbcpQ+IDHF2vWkyVmkChzB8iQRvICzVmoYB8fT+qyP/k7nPTsYuZBwg\n1QoPom8W/hTT99aIgPZTBxd8Ic7QCoVeY63GdQtief/l1MF7QibO4kARFS7F\nofGcK20XvQ/Jenh/Q/CcSC5eFqUxaR49k+2QxB233MQDXX0FUkvkN6lZVjDc\nlg7B4Md/x4PA/c7iVn/5z6N+uE9hdV2LWTsiOqj+4cqZ/iFvO9UR9Kd8dUrZ\nFuv7icy7HrDzkMoU0hYmw5EbikXRX0fPz4z0dF51BHJcLmf3P0r1esDb3Xpp\n3xqsaSos4elH1uTKyxeN7XHdrhb2kTOD5gv72/A1opTvkCMrmiDp0w/dEVWl\nvI0J\r\n=RrNf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGbV5rfA/+AUSCGv+xX9yUgAMRSfv5BTPQndP2yC87TxAiBFycYXRmUHydxgoMGoL/B+KRo4DDc36R6P1nNGjcG2Zw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.40.0_1537819309022_0.6378071797404108"},"_hasShrinkwrap":false},"0.40.1":{"name":"@material/toolbar","version":"0.40.1","description":"The Material Components for the web toolbar component","license":"MIT","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.40.1","@material/elevation":"^0.40.1","@material/ripple":"^0.40.1","@material/rtl":"^0.40.1","@material/theme":"^0.40.1","@material/typography":"^0.40.1"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.40.1","_npmVersion":"6.4.1","_nodeVersion":"9.11.1","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"integrity":"sha512-yXu8BZr4bO9JM7E6YErmYAA0tRbyrPRQPn23oMjDdwc1SXnmol0iRa4Jy7Ak0mMx9b+3PJy4Gy8P05ntx0Whzw==","shasum":"c3f49c7911311ee5a858b24ffca1eaed909777c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.40.1.tgz","fileCount":12,"unpackedSize":193514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbu8QdCRA9TVsSAnZWagAA26AQAJYpF0jlUXolbHFfOaRB\n7/cwJA6o7o1jh0VoxKFHTQ+GeVm0/yZhhao34Gq/1lWBar91aG6bQbLpJdyO\nZ1XGfNLnPWCuXObcMtpg1bwiFnnv+6d5MpXEYeYoo4dMyf5KFq+gREVgew2N\nMpxp4jbTpZNbcyNvGx/Db9C7X401VGMNe0XE7LcIWMv5quGLP973izk/97CK\n+dY/C2C8c7zc+6VfWf4wUYBZvcc3Eul1zgHXdZXAxuVjHKKE/GFws8leFl29\nEDI0Ykab1PXcuZZMy26vNKtktfuTlJgKIxoxQSqyZt2ll6xu9kjIFjMQopAg\n0cQKUhYTXX9iEtignLcbpzpJCU48nADsneffsiPhI9eZVC83cAFsO34GD4Ds\nSQhymuqVkLQ4FbsX3MUyDd7TKq4ieFYpdgn1KqUT3fHdj+spvBwKeyN6NPoa\ngQk1m57kWVzrNoUa4km0GwDOG36MvLqF/nLDiKYZ4rHWTU5JlFhmrlwWvQCT\nQx8EL+4tEc5cH4pcMrqZ82EwRu9rIO3qrve7b6HaA2bBSTFyX3kLaXewfH1x\nC7BvtfwPlF01cdNMmURYyTpJLpF+daTSOr7+msGuDca5tx6S/uI7UAkcZZaA\nxFguRsVkCWFrGB8ta03/hdeA3KkK7ahjLmv8B3NT2Mi99RsPAdIJxnmdW4Xv\nczf7\r\n=VUbq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRHbt4L3HImVxdherxEe/8ijgcS34N/NVpWZkPJqoH+QIhAOFlOZTSer59yB3771Rxpjuszmithvd8/5noGUqOLr5Q"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.40.1_1539032092935_0.49155146187604504"},"_hasShrinkwrap":false},"0.41.0":{"name":"@material/toolbar","version":"0.41.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.41.0","@material/elevation":"^0.41.0","@material/ripple":"^0.41.0","@material/rtl":"^0.40.1","@material/theme":"^0.41.0","@material/typography":"^0.41.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.41.0","_npmVersion":"6.4.0","_nodeVersion":"8.11.1","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"dist":{"integrity":"sha512-fAZSGM9xyVNI8FI92kmmvNCV4fzEWJBd1q9qMOqbna5AVtbJRNlGSY5HNgEi0vHi/nmY3UXD+VvDbLgoTXtdGg==","shasum":"9bfa162ebecb6455ed54523b5563ac3660a454a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.41.0.tgz","fileCount":12,"unpackedSize":193576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb12v8CRA9TVsSAnZWagAA1xAQAJAgOewHARqQsGKG7N5K\nE8FfpN0Q3nRkaDW2qf99jG9PlKvVUgoHM015jlh8Wo3Vhnqy0hzH8sVa/jgZ\noYkQfkuAEzdLck5CMtRZE5rJG+WaVCC1i6BXG1lFV9h2u7xPSqHtYP+18mw5\new6l8yFU5ZSLl0FIhpOJjPW75yQxyjpMWKfllKdmkUOoSc0WYRMR9GcDoLE/\nIL0ynrkuT7P5KOdvz4SDv3XKiWBzkN3IqBjxDpB/0a3Y1ezV2AUE+Y+vh7n8\noUAp4x0nYym6AxId/R485Cb1W9Y+D1wtHqRJ8pY5SqO6zx/lc19NBvA9A/kW\nJQQCAU2dLtXVWXQatRhsg1yfmA7kEyCBPRGIQb2/6NbEqXgBONoJY1P+dZaf\nP7b5HWMVjvndeBTAboF09hoHp98SXxRjk0XhGm9pGODf3kmeOCwOCzzwRg7K\nkqwq/gW71n00Wu6+Zzed5QUSnepseEDSg1GDAqYKMF4YE8DjPk3bXjarAEIi\nwXTTDEtSuc/rNQrinkr52CNElJQXUgAZTQJpbbPVr9EHFBimoluGRq/OOWg2\nlLDqRZck62bQzDXCTZQAaj4ajM2O6xbnnPlwCirJWTkvSKYeBMj9cJfiUYqX\nNYFu56mz/DcH7L7edM+PDJ5zI7sy5/Wu0InfobgKhzJIxHHHkTVgcjDQgIEJ\nMmJp\r\n=Szc/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGaLOwe9vyrGV7se5Mnnyj39gE11CA3vw3LumLpYb3s8AiA7q0Ur5V9UzaDb/Bt+/mexQXgxGPkSZnpikBXaz48MsA=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.41.0_1540844539656_0.24811544565176313"},"_hasShrinkwrap":false},"0.42.0":{"name":"@material/toolbar","version":"0.42.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.41.0","@material/elevation":"^0.41.0","@material/ripple":"^0.42.0","@material/rtl":"^0.42.0","@material/theme":"^0.41.0","@material/typography":"^0.42.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.42.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"dist":{"integrity":"sha512-E43DNFpnCnKXdTqFdBCyj3cYHya4N1zr9ZU8CXK5GZetv1j5OBKUBvhWlWoJcAdhj5Wkc6vbRPrklr/HRG+cVA==","shasum":"ff9c73f69a0409201d89f2251aafde2fff3756d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.42.0.tgz","fileCount":12,"unpackedSize":192558,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcBwXKCRA9TVsSAnZWagAA8VoP/jBr/n32mG6lEvkeGM1W\nmRtRQsXt+a2gfCyHBIdxnrY2LhuM+0VDe9u7BbE1Yw4hHN93NBKp6DRYW6cP\nAhb+xLUIAo+M80iAcBx45GKzztk8wDrbyXSr4wVzvgzJxCxJuzSOHr5q8UmT\nwr+OvNrzZ6g6/513yEwUVkOGfSZOISWPayE36NWfJs/D2j8J4CJvc783SKs1\n4zwxv7Htj4OygZPYAO7PDGVR4PdJcc1Mq0b4+zmHdTMd/ah7cEe22FuttDoV\nuzS2KsFW2udxUczcZSpUMNLZkLWzcnliP20T+250bgYhhQSx2drOHNUeUkKK\n5f3BqPUYb8o3KOl0zCFateEFULLCni2eKZ/yvTTqKWbUOr6tw1d8LQG6rgUD\no1thNT+NYq23IjQuyiYEaTvqTDrguGI6lvjMXQ7wSKjf0873zjjViqBoOHVd\n3EBuPuZlnYAFM+tK9ZrRVEtFHGRPnYRn0cuM5qMCnDQeNKf3jUO/qvJSfMQw\nufOawIrC3H+GTXtCk1ZFp8VYbFEzX2xUH8y5etRLmLq7NO14535gfoZu8VL6\nFPLorM6kdamRVxiG7v32jLW/CImrvKDrgsES/IBdeUCXLQ5obnmCYVjPCuUW\nmHyT+PzaVIK/zzdZDTO7jGRdHe2F0bzeFqKdcJEomw4U5x84esZOcjW3HW/D\njY8I\r\n=Kbn3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBYokF7v9P2I55gy8MY2BRQSEqeRwGWq8dUw2QkpJpeDAiAMMw9zomPPi1wZEH2ixZWiX+6XC83eGHSaLN3SLQgZGw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.42.0_1543964105940_0.9380299940211609"},"_hasShrinkwrap":false},"0.43.0":{"name":"@material/toolbar","version":"0.43.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.41.0","@material/elevation":"^0.43.0","@material/ripple":"^0.43.0","@material/rtl":"^0.42.0","@material/theme":"^0.43.0","@material/typography":"^0.43.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.43.0","_npmVersion":"6.4.1","_nodeVersion":"10.14.2","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"dist":{"integrity":"sha512-0ASps5UOCKvQ8xPyh6fEBdHMMobb9kF0aUVYieOIROK5ktlmLBqXc+/UaNxIQQmig71FjqN8nlS36VvVgfvUeA==","shasum":"3e4ff24dfb34816a71416805d00764fcab4cbaa4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.43.0.tgz","fileCount":16,"unpackedSize":576420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM61ICRA9TVsSAnZWagAAYK0P/3dEnIHTiZtPFBBgRjmc\n4U6VCUCSUpCwV/VnFQfaTU4jE38KlHYr/KoAv+rT+JKge2zpBWlifFyG/Pec\ntGUJH+I2Xo+RjA/rCz8V5zHestQmjHKulBb5/+1P7ngsIW6OCxqmGoecy6g9\nKlLhWbQB1pBE/eTgMefVXP/RoK/I2DNGy0j3uIO9ylS6OZmOWdjuI/52iYCx\n8pP7OLcTWaRegbj2/JAOdeWaGy44O6z1LRsznhzys/syra4riPjTk8MeUcAQ\nefibK0fZDxiBeHVBXWiarjyAmU+7xhAN2tX129mhBBQW/FZmuvKIUpKHj/ny\nAuQRgyJAxBgcec7tQnY5dGQ4sMmWl9H8AaLLZO3pRLuwewoUaLFv4alL8wyi\nCTqKqqJfsbo38iN/PfLERH+Pb2TrTOFdx23iSLXUsRukSZz9gUBCPtDNjk0l\nuFQEKctSeXE3Qeu2d743j+zMblo8907C2FMhcEgQsq2bCJ2W8B1DtOCt88Em\nvYr5qkMMC/pUIqM/KonNzGP6AjLnhyzulzDWfGpvbwA5LYThHuXMSZrbV+nX\nVZyz0Xe18rDl6hG7+s7lrseAmhQP+faqz0DRWjxnIB+jq2Ny9/xDym/Ht1CB\njyodd8HYJDp5pxaFIYXVY2xG8IrdFf1mEk6zS5/oSJNeTk45D8I1yAI9i6iP\nejQi\r\n=DM22\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8PGprWX/Xsts73rQZZsv8pPd9Amm8cYaxfgiGOSHdJwIhAMd5IYDfLbfIyy5zOZb9sHraq24FjwsFbsTpe2rcGv95"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.43.0_1546890567668_0.49112466328805704"},"_hasShrinkwrap":false},"0.44.0":{"name":"@material/toolbar","version":"0.44.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.41.0","@material/elevation":"^0.44.0","@material/ripple":"^0.44.0","@material/rtl":"^0.42.0","@material/theme":"^0.43.0","@material/typography":"^0.44.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.44.0","_npmVersion":"6.4.1","_nodeVersion":"10.12.0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"dist":{"integrity":"sha512-YgLlOFQ5VzFLQBpXYSMviEbYox0fia+sasHuYPUhTAtas1ExVt9EEiIolDSVvhv2PruTReKKefxSbXAqGlOHog==","shasum":"6689aecdeccc78b7a890a3abbe8b68a2c6339307","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.44.0.tgz","fileCount":16,"unpackedSize":588340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWINPCRA9TVsSAnZWagAAj88QAIwz+rtDz/i4AvjfiwOj\nlbMqfCJ5VetKp4qpz4dSOK0Oe9G2C9a+2SqRWQkFU/GxO8wOTD0ybRFuMqdx\np+zfaY0Us2DA+Ll82E8qp6m3auQQvZj38+LQlKg+wrOJ04A1CkmTxo6cfvKQ\n4lRW0sJ/nY9KCcqdeSB/7AERmBh3a6YZqHASfalUTKu71KHS/+hYZ6zH1bnA\nK95Q9roZuOOODWKhr8Xsd4MG0af5mMGcHChMxLkm5uWqI3i3L4a82LPQ/Akl\nQ+kqiE1AXAAulGui/AOns9Qh+h/c1P4Bo8ciKJk+YVrVi7/Wbkl+iCWEZZ0z\nbTjmiw+32zVA0RM9g70I/yyVM6rp6aw8N0ME7YbD85bNGBzoGhkBPHWAggbE\neZfN2NA+PiEfTl5i6wDndCn8Ga73NEkJAbZoobH8JwgvOolu58PdHB5aE/P9\nFdIaib9NGNzozfYjAGgmyjt5zPlraRtcqbk6eZxDRpcBjvauQgkxH9rGUUoJ\ni+DSMfb3GFjpM+gUzw1uiU8LdHzk7ISjXXTJ0QNY6QAia6p3J4t1spGNGHWR\nr54Xv6Mp0k0YPiR31SfIVc273WBDDWckn1o3O1wLQOa3ylRBIV7q0bVVUfvY\nS/cM++jk7oU3GuUkRRxfcluP26/lkR72MGOaNA8UQBzPw/IOagHeWRUSsFh9\n/iKy\r\n=xYSX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYtL14RrmWcnmhnIjtxt21xHwsm1jFAi1tWN5IxPPKnQIhAKp5fEdmuzxR0A5zFPEm0r7nyIy6doSBNkLuMwplw0vE"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.44.0_1549304654804_0.8883749969080543"},"_hasShrinkwrap":false},"0.44.1":{"name":"@material/toolbar","version":"0.44.1","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^0.41.0","@material/elevation":"^0.44.1","@material/ripple":"^0.44.1","@material/rtl":"^0.42.0","@material/theme":"^0.43.0","@material/typography":"^0.44.1"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@0.44.1","_nodeVersion":"10.14.2","_npmVersion":"6.8.0","dist":{"integrity":"sha512-6aWJL0Aw/Rs6fruu34UU7B+JJVuZ9+ECOrQAXkmrD493j6Nnrt0KYeRkv6tGcAGvej2uCUdy5kFPAqYeZYCB2Q==","shasum":"f963fc2e5a2ec4ce536231b0f4595c2615ed6142","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-0.44.1.tgz","fileCount":16,"unpackedSize":588340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcbIsrCRA9TVsSAnZWagAAyFUQAIAOgpi4PnSPvaI2ljSo\nP3daPrxHODUL2zRY+y02d5y4KehBNOawgP8vZJXzsGXPgnBvmZ22Nxgb3+Fw\nnzfwZPmU37lM666xxw0mKieVVQ39RHdDUL2noCWtCUkh31woK/sswr3hamVW\n2iLfX4OYMLCnOj1bNfdmfmSF2pQu9Ed3P8A8K8V9JMlxjgR0rpgMh0uOREwM\nCdR+JdJ9kNOprWDUd7fJMMv75oIOcCYOBRFy8pAusFz8wMtkWkuEGC4YVlVP\nx62jYlRGswBkZmfKtVewedgsJHXC98T5tgDRiXC2HXa34Z/ZzoKq3RwyCG/a\nOm6L9Nu6c01xIlHG/Q08dckIFeAlsq0l7Wp74is1SY4Ilxbu7pOqHH3WkF30\neANwoPxXNIWCk2vuPGWJ1/oeYkBNzFBFRgBfA+8hlcbklWgZXIU1CWQeo7mW\nUSO5+39MiZUgQDaDmCFBlyXP8mwC5rJHPczmcUkjpkHXMB4nIRfRTnPswM0N\nPF65i12j7Yc0JEKVL2jyob0k1/B27iDHitPUosNQX0/eiGh4Eb8heDBXCOM7\ny3a9WjSEdBcdfE5EAFbsncIdCQ8Jrdy1+qKoRmP5K6cEjD7kuhnNLjuMPufh\nsEcnmMqdKwUDnMrCSRJSgwbgxAvWUsQr/2It29gFZy5GXYBzqRAl0oqYWQTh\nsWwB\r\n=HhC2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHijLvIEf3Md8O4sEZbDJYMeDEdEZt7Vhi790TzSXh62AiEA+vEZOmMN/rKOCiru11d5NOEb+vEA7gush9KWzUqvLU4="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_0.44.1_1550617387082_0.8748706922253462"},"_hasShrinkwrap":false},"1.0.0-0":{"name":"@material/toolbar","version":"1.0.0-0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0-0","@material/elevation":"^1.0.0-0","@material/ripple":"^1.0.0-0","@material/rtl":"^0.42.0","@material/theme":"^1.0.0-0","@material/typography":"^1.0.0-0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"readme":"<!--docs:\ntitle: \"Toolbars\"\nlayout: detail\nsection: components\nexcerpt: \"A container for multiple rows of items such as application title, navigation menu, or tabs.\"\niconId: toolbar\npath: /catalog/toolbar/\n-->\n\n## Important - Deprecation Notice\n\nThe existing `MDCToolbar` component and styles will be removed in a future release. Some of its functionality\nwill be available in the [MDC Top App Bar](../mdc-top-app-bar) package instead. Bugs and feature requests\nwill no longer be accepted for the `mdc-toolbar` package. It is recommended that you migrate to the\n`mdc-top-app-bar` package to continue to receive new features and updates.\n\n# Toolbars\n\nMDC Toolbar acts as a container for multiple rows containing items such as\napplication title, navigation menu, and tabs, among other things. Toolbars\nscroll with content by default, but support fixed behavior as well.\n\nWhen using the **fixed** pattern, a persistent elevation is added to toolbar.\nWhen using the **waterfall** pattern, a toolbar will have no elevation when the\npage is scrolled to the top, and gain elevation when a user begins to scroll\ndown the page. Toolbars also support anchored only last row at the top behavior.\nFor toolbars with this modifier, only the last row will be anchored at the top,\nwhile the rest of toolbar scrolls off.\n\nFlexible behavior can be added to mdc-toolbar, where the height of the toolbar\nchanges as the user scrolls. Flexible is defined as a modifier class of toolbar\nbut not a standalone component. Toolbars using this modifier will have additional\nheight added to their first rows.\n\n## Installation\n\n```\nnpm install @material/toolbar\n```\n\n## Usage\n\n### HTML Structure\n\nWrap the items with `mdc-toolbar` class in the following way:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\nMDC Toolbars can accommodate multiple rows using the wrapper `mdc-toolbar__row`:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n#### Sections\n\nToolbar sections are aligned to the toolbar's center. You can change this\nbehavior by applying `mdc-toolbar__section--align-start` or\n`mdc-toolbar__section--align-end` to align the sections to the start or the end\nof the toolbar (respectively).\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      Section aligns to start.\n    </section>\n    <section class=\"mdc-toolbar__section\">\n      Section aligns to center.\n    </section>\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end\">\n      Section aligns to end.\n    </section>\n  </div>\n</header>\n```\n\nToolbar sections are laid out using flexbox. Each section will take up an equal\namount of space within the toolbar by default. But you can accommodate very long section (very long title)\nby adding `mdc-toolbar__section--shrink-to-fit` to other sections.\n\n```html\n<div class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n        <span class=\"mdc-toolbar__title\">This is a super super super super long title</span>\n      </section>\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end mdc-toolbar__section--shrink-to-fit\">\n        <a class=\"material-icons search align-icons\" aria-label=\"Search\" alt=\"Search\">search</a>\n      </section>\n  </div>\n</div>\n```\n\n#### Toolbar title\n\nYou can use the `mdc-toolbar__title` element to style toolbar text representing\na page's title, or an application name.\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\n#### Toolbar Icons\n\nIcons can be added as anchor tags, `span`s, or `button`s to `mdc-toolbar`. There are two types of icons,\n`mdc-toolbar__menu-icon` represents the left most icon in `mdc-toolbar` usually to the left of `mdc-toolbar__title`.\n`mdc-toolbar__icon` represents any icons placed on the right side of an `mdc-toolbar`.\n\nWe recommend using [Material Icons](https://material.io/tools/icons/) from Google Fonts:\n\n```html\n<head>\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\">\n</head>\n```\n\nHowever, you can also use SVG, [Font Awesome](https://fontawesome.com/), or any other icon library you wish.\n\nWhen using SVG icons, ensure you wrap the `svg` element in an `a` and include the `mdc-toolbar__icon` class:\n\n```html\n<a href=\"#\" class=\"mdc-toolbar__icon\">\n  <svg></svg>\n</a>\n```\n\n### Fixed toolbars\n\nBy default, toolbars scroll with the page content. To keep the toolbar fixed to\nthe top of the screen, add an `mdc-toolbar--fixed` class to the toolbar element.\n\n**Adjusting sibling elements of fixed toolbars**\n\nWhen using `mdc-toolbar--fixed`, you need to set the margin of the content to\nprevent toolbar overlaying your content. You can add the `mdc-toolbar-fixed-adjust`\nhelper class to the toolbar's adjacent sibling element, which will add default\n`margin-top`.\n\nWhen you are using `mdc-toolbar` with JavaScript, you should assign your content\nwrapper element to `mdc-toolbar`'s instance property `fixedAdjustElement`. This\nwill make `mdc-toolbar` aware of the wrapper class and adjust the `margin-top`\ncorrespondingly.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n// When you are using toolbar with JavaScript\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Waterfall toolbars (Requires JavaScript)\n\nBy adding `mdc-toolbar--waterfall` to `mdc-toolbar--fixed`, fixed toolbars become\nwaterfall toolbars. Waterfall toolbar is _initially_ static and has no elevation,\nand then when the user starts scrolling _becomes_ fixed and _gains_ elevation.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Fixed Last Row Toolbar (Requires JavaScript)\n\nBy adding `mdc-toolbar--fixed-lastrow-only` to `mdc-toolbar--fixed`, fixed toolbars\nwill anchor only the last row to the top.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--fixed-lastrow-only\">\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will scroll off screen -->\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will anchor on top of screen -->\n  </div>\n</header>\n```\n\n### Flexible Toolbar (Requires JavaScript)\n\nFlexible behavior can be added to mdc-toolbar, whose height changes as the user\nscrolls. Flexible behavior is highly customizable - we only define the change of\nflexible space size without making further assumptions. But we do recommend the\nheight of flexible space should be an integral number of `mdc-toolbar__row`\nheight and provide a easier way for user to customize height. Users can adjust the\nheight of flexible space through sass variable `$mdc-toolbar-ratio-to-extend-flexible`\nor css variable `--mdc-toolbar-ratio-to-extend-flexible`.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nCustom height of flexible space:\n\n```html\n<style>\n  #my-flexible-header {\n    --mdc-toolbar-ratio-to-extend-flexible: 3;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nFlexible toolbars emit a `change` custom event with a `detail` object containing\n`flexibleExpansionRatio` property. The `flexibleExpansionRatio` property is a\nnumber from 0-1 representing the _ratio of flexible space that has already been\ncollapsed divided by the total amount of flexible space_.\n\n```javascript\ntoolbar.listen('MDCToolbar:change', function(evt) {\n  var flexibleExpansionRatio = evt.detail.flexibleExpansionRatio;\n  console.log(flexibleExpansionRatio.toFixed(2));\n});\n\n```\n\nFor the most common use case of flexible headers, we've defined a **default** behavior:\n- Flexible has a fixed initial height 4 times the default size of `mdc-toolbar__row`.\n- When it has `mdc-toolbar--flexible-default-behavior`, it further defines the\nbackground and title movement behavior.\n\n```html\n<style>\n  .mdc-toolbar__row:first-child::after {\n    background-image: url(\"../images/4-3-2.jpg\");\n    background-size: cover;\n    background-position: center;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible mdc-toolbar--flexible-default-behavior\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n##### Caveat: Complex animation performance\n\nDue to the nature of having to listen for scroll events and mutate height, this\nmay degrade performance in some mobile browsers. For example, combining high\nresolution images with parallax scrolling could lead to severe performance\nissues in certain mobile browsers. When implementing patterns like these for a\nmobile device, ensure that the image is as optimized as possible and carefully\ntest the performance to make sure that it is adequate.\n\n```css\n.mdc-toolbar__row:first-child::after {\n  background-image: url(\"../images/4-3.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n@media (max-width: 599px) {\n  background-image: url(\"../images/4-3-compressed.jpg\");\n  background-position: 0 0;\n}\n```\n\n### RTL Support\n\n`mdc-toolbar` is automatically RTL-aware, and will re-position elements whenever\nit, or its ancestors, has a `dir=\"rtl\"` attribute.\n\n## Classes\n\n### Block\n\nThe block class is `mdc-toolbar`. This defines the top-level toolbar element.\n\n### Element\n\nThe component accommodates multiple rows using the wrapper `mdc-toolbar__row`.\nFor each row, it has `mdc-toolbar__section` and `mdc-toolbar__title` elements. You\ncan add multiple sections to toolbar. Refer to Sections and Toolbar title for\nfurther details.\n\n### Modifier\n\nThe provided modifiers are:\n\nClass | Description\n--- | ---\n`mdc-toolbar--fixed` | Makes toolbar fixed on top and have persistent elevation\n`mdc-toolbar--waterfall` | Removes fixed toolbar persistent elevation and makes it gain elevation when a user begins to scroll down the page\n`mdc-toolbar--fixed-lastrow-only` | Makes only last row of fixed toolbar anchored on top\n`mdc-toolbar--flexible` | Makes first row of toolbar have flexible space\n`mdc-toolbar__section--align-start` | Makes section align to the start\n`mdc-toolbar__section--align-end` | Makes section align to the end\n`mdc-toolbar__section--shrink-to-fit`| Makes section take the width of its content\n\n## Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-toolbar-ink-color($color)` | Sets the ink color of the toolbar\n`mdc-toolbar-fill-color($color)` | Sets the fill color of the toolbar\n`mdc-toolbar-fill-color-accessible($color)` | Sets the fill color of the toolbar and automatically sets a high-contrast ink color\n`mdc-toolbar-icon-ink-color($color)` | Sets the ink color of a toolbar icon\n\n## JS Usage\n\n### Including in code\n\n#### ES2015\n\n```javascript\nimport {MDCToolbar, MDCToolbarFoundation} from '@material/toolbar';\n```\n\n#### CommonJS\n\n```javascript\nconst mdcToolbar = require('@material/toolbar');\nconst MDCToolbar = mdcToolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n```\n\n#### AMD\n\n```javascript\nrequire(['/path/to/@material/toolbar'], mdcToolbar => {\n  const MDCToolbar = mdcToolbar.MDCToolbar;\n  const MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n});\n```\n\n#### Global\n\n```javascript\nconst MDCToolbar = mdc.toolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdc.toolbar.MDCToolbarFoundation;\n```\n\n### Automatic Instantiation\n\nIf you do not care about retaining the component instance for the toolbar, simply call `attachTo()`\nand pass it a DOM element.\n\n```javascript\nmdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n```\n\n### Manual Instantiation\n\n```javascript\nimport {MDCToolbar} from '@material/toolbar';\n\nconst toolbar = new MDCToolbar(document.querySelector('.mdc-toolbar'));\n```\n\n### Using the MDCToolbar Foundation Class\n\n#### API\n\nMethod Signature | Description\n--- | ---\n`updateAdjustElementStyles() => void` | Sets `AdjustElement` proper `margin-top`.\n\n#### Event\n\nEvent Name | Event Data Structure | Description\n--- | --- | ---\n`change` | `MDCToolbarEventDetail` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1. See [types.ts](types.ts).\n\n#### Adapter\n\nMethod Signature | Description\n--- | ---\n`hasClass(className: string) => boolean` | Checks if the root element of the component has the given className.\n`addClass(className: string) => void` | Adds a class to the root element of the component.\n`removeClass(className: string) => void` | Removes a class from the root element of the component.\n`registerScrollHandler(handler: EventListener) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event.\n`deregisterScrollHandler(handler: EventListener) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event.\n`registerResizeHandler(handler: EventListener) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event.\n`deregisterResizeHandler(handler: EventListener) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event.\n`getViewportWidth() => number` | Gets viewport (window) width.\n`getViewportScrollY() => number` | Gets the number of pixels that the content of body is scrolled upward\n`getOffsetHeight() => number` | Gets root element `mdc-toolbar` offsetHeight.\n`getFirstRowElementOffsetHeight() => number` | Gets first row element offsetHeight.\n`notifyChange(evtData: MDCToolbarEventDetail) => void` | Broadcasts an event with the remaining ratio of flexible space. See [types.ts](types.ts).\n`setStyle(property: string, value: number) => void` | Sets `mdc-toolbar` style property to provided value.\n`setStyleForTitleElement(property: string, value: number) => void` | Sets `mdc-toolbar__title` style property to provided value.\n`setStyleForFlexibleRowElement(property: string, value: number) => void` | Sets flexible row element style property to provided value.\n`setStyleForFixedAdjustElement(property: string, value: number) => void` | Sets `mdc-toolbar-fixed-adjust` style property to provided value.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@1.0.0-0","_nodeVersion":"10.14.2","_npmVersion":"6.8.0","dist":{"integrity":"sha512-Z5AvLZk9RVAaQOx7BGLqVSm+k41TDMGOdJnOhvG6tO4LNktbOpn32UVjm+QA8PMuHpFD4vCcyPGTt8kr4Sk/qQ==","shasum":"eb4b53404056d572f1352672eefd71b3ae7a844d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-1.0.0-0.tgz","fileCount":32,"unpackedSize":756444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcdyR+CRA9TVsSAnZWagAAHs0P/0IfpxL0Je61UqcJHV+Q\ndmbQzVvttnEedGO+/EFdPhfkInPaIpZSO4S6j67wmpw87w3MftOQoTBlRbYz\nfrKAzox8pllaikJPyjKp14BhZuT46hFlFOw+tAjTvQPQ/UqA22WjdZbFXxVZ\nX46RSZBL6HuINhaGweyJpi1YOk9FOmSabu5mckVOPb1qgRKkHV66P3uGCbuq\nzCSjsbZG7cgGYgg6UhOVrE8pWFhvNDwMLCLAxkLacZ9XXeRQLvqC46JM+QDv\nbV8haBOz3lSDcjOEVfyFBZbVQre++SAXJUPeV3h6iLeHhJay9P2v0+33Znan\n4ANmxeIBP2HKpVF9pNqI1a4LwJ3t7MTTy+YZ4pJM0vIyhQTJ3ot59bdIgpPU\n0RgqhTeJNDhcZE+JQ2cpYAJAp/jOYBDF7A0FZHPjVXMv/hoZX1krBAaeJuZq\nC6GnH1g495gPzRho53AEV1pJfxvVr+BMAc4BOvSBLw9QASQIuAIkMA0DNJ9n\n/9xBzwwoNBAH9Dpl1Tbo2Tw5/shGLCcGmGR1RyHMWUcmBS/XhmdQnzT2ZR8T\nyXV7ajK9mWC7Lv1M15rE0yQtWNnlvEMQW8oQUvXHFdjraNBZ24ouIl0um4v7\n5Tm3IJM5YxbsOyTs7XGjnrNnJtObWO+i4A/e29faLG7xh9oLPJlt8PqnROt2\nijK9\r\n=MR70\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAJVoO3UgXM1uZh1bWs60w3SnaHwDyh/OUBBVtKgnzv0AiB5NwsAPRXDC5FA10UV5jWk5tGUKEKpbqecl8S6VVg48g=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_1.0.0-0_1551311997806_0.9274290752183012"},"_hasShrinkwrap":false},"1.0.0-1":{"name":"@material/toolbar","version":"1.0.0-1","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0-1","@material/elevation":"^1.0.0-1","@material/ripple":"^1.0.0-1","@material/rtl":"^0.42.0","@material/theme":"^1.0.0-1","@material/typography":"^1.0.0-1","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"readme":"<!--docs:\ntitle: \"Toolbars\"\nlayout: detail\nsection: components\nexcerpt: \"A container for multiple rows of items such as application title, navigation menu, or tabs.\"\niconId: toolbar\npath: /catalog/toolbar/\n-->\n\n## Important - Deprecation Notice\n\nThe existing `MDCToolbar` component and styles will be removed in a future release. Some of its functionality\nwill be available in the [MDC Top App Bar](../mdc-top-app-bar) package instead. Bugs and feature requests\nwill no longer be accepted for the `mdc-toolbar` package. It is recommended that you migrate to the\n`mdc-top-app-bar` package to continue to receive new features and updates.\n\n# Toolbars\n\nMDC Toolbar acts as a container for multiple rows containing items such as\napplication title, navigation menu, and tabs, among other things. Toolbars\nscroll with content by default, but support fixed behavior as well.\n\nWhen using the **fixed** pattern, a persistent elevation is added to toolbar.\nWhen using the **waterfall** pattern, a toolbar will have no elevation when the\npage is scrolled to the top, and gain elevation when a user begins to scroll\ndown the page. Toolbars also support anchored only last row at the top behavior.\nFor toolbars with this modifier, only the last row will be anchored at the top,\nwhile the rest of toolbar scrolls off.\n\nFlexible behavior can be added to mdc-toolbar, where the height of the toolbar\nchanges as the user scrolls. Flexible is defined as a modifier class of toolbar\nbut not a standalone component. Toolbars using this modifier will have additional\nheight added to their first rows.\n\n## Installation\n\n```\nnpm install @material/toolbar\n```\n\n## Usage\n\n### HTML Structure\n\nWrap the items with `mdc-toolbar` class in the following way:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\nMDC Toolbars can accommodate multiple rows using the wrapper `mdc-toolbar__row`:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n#### Sections\n\nToolbar sections are aligned to the toolbar's center. You can change this\nbehavior by applying `mdc-toolbar__section--align-start` or\n`mdc-toolbar__section--align-end` to align the sections to the start or the end\nof the toolbar (respectively).\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      Section aligns to start.\n    </section>\n    <section class=\"mdc-toolbar__section\">\n      Section aligns to center.\n    </section>\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end\">\n      Section aligns to end.\n    </section>\n  </div>\n</header>\n```\n\nToolbar sections are laid out using flexbox. Each section will take up an equal\namount of space within the toolbar by default. But you can accommodate very long section (very long title)\nby adding `mdc-toolbar__section--shrink-to-fit` to other sections.\n\n```html\n<div class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n        <span class=\"mdc-toolbar__title\">This is a super super super super long title</span>\n      </section>\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end mdc-toolbar__section--shrink-to-fit\">\n        <a class=\"material-icons search align-icons\" aria-label=\"Search\" alt=\"Search\">search</a>\n      </section>\n  </div>\n</div>\n```\n\n#### Toolbar title\n\nYou can use the `mdc-toolbar__title` element to style toolbar text representing\na page's title, or an application name.\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\n#### Toolbar Icons\n\nIcons can be added as anchor tags, `span`s, or `button`s to `mdc-toolbar`. There are two types of icons,\n`mdc-toolbar__menu-icon` represents the left most icon in `mdc-toolbar` usually to the left of `mdc-toolbar__title`.\n`mdc-toolbar__icon` represents any icons placed on the right side of an `mdc-toolbar`.\n\nWe recommend using [Material Icons](https://material.io/tools/icons/) from Google Fonts:\n\n```html\n<head>\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\">\n</head>\n```\n\nHowever, you can also use SVG, [Font Awesome](https://fontawesome.com/), or any other icon library you wish.\n\nWhen using SVG icons, ensure you wrap the `svg` element in an `a` and include the `mdc-toolbar__icon` class:\n\n```html\n<a href=\"#\" class=\"mdc-toolbar__icon\">\n  <svg></svg>\n</a>\n```\n\n### Fixed toolbars\n\nBy default, toolbars scroll with the page content. To keep the toolbar fixed to\nthe top of the screen, add an `mdc-toolbar--fixed` class to the toolbar element.\n\n**Adjusting sibling elements of fixed toolbars**\n\nWhen using `mdc-toolbar--fixed`, you need to set the margin of the content to\nprevent toolbar overlaying your content. You can add the `mdc-toolbar-fixed-adjust`\nhelper class to the toolbar's adjacent sibling element, which will add default\n`margin-top`.\n\nWhen you are using `mdc-toolbar` with JavaScript, you should assign your content\nwrapper element to `mdc-toolbar`'s instance property `fixedAdjustElement`. This\nwill make `mdc-toolbar` aware of the wrapper class and adjust the `margin-top`\ncorrespondingly.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n// When you are using toolbar with JavaScript\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Waterfall toolbars (Requires JavaScript)\n\nBy adding `mdc-toolbar--waterfall` to `mdc-toolbar--fixed`, fixed toolbars become\nwaterfall toolbars. Waterfall toolbar is _initially_ static and has no elevation,\nand then when the user starts scrolling _becomes_ fixed and _gains_ elevation.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Fixed Last Row Toolbar (Requires JavaScript)\n\nBy adding `mdc-toolbar--fixed-lastrow-only` to `mdc-toolbar--fixed`, fixed toolbars\nwill anchor only the last row to the top.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--fixed-lastrow-only\">\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will scroll off screen -->\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will anchor on top of screen -->\n  </div>\n</header>\n```\n\n### Flexible Toolbar (Requires JavaScript)\n\nFlexible behavior can be added to mdc-toolbar, whose height changes as the user\nscrolls. Flexible behavior is highly customizable - we only define the change of\nflexible space size without making further assumptions. But we do recommend the\nheight of flexible space should be an integral number of `mdc-toolbar__row`\nheight and provide a easier way for user to customize height. Users can adjust the\nheight of flexible space through sass variable `$mdc-toolbar-ratio-to-extend-flexible`\nor css variable `--mdc-toolbar-ratio-to-extend-flexible`.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nCustom height of flexible space:\n\n```html\n<style>\n  #my-flexible-header {\n    --mdc-toolbar-ratio-to-extend-flexible: 3;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nFlexible toolbars emit a `change` custom event with a `detail` object containing\n`flexibleExpansionRatio` property. The `flexibleExpansionRatio` property is a\nnumber from 0-1 representing the _ratio of flexible space that has already been\ncollapsed divided by the total amount of flexible space_.\n\n```javascript\ntoolbar.listen('MDCToolbar:change', function(evt) {\n  var flexibleExpansionRatio = evt.detail.flexibleExpansionRatio;\n  console.log(flexibleExpansionRatio.toFixed(2));\n});\n\n```\n\nFor the most common use case of flexible headers, we've defined a **default** behavior:\n- Flexible has a fixed initial height 4 times the default size of `mdc-toolbar__row`.\n- When it has `mdc-toolbar--flexible-default-behavior`, it further defines the\nbackground and title movement behavior.\n\n```html\n<style>\n  .mdc-toolbar__row:first-child::after {\n    background-image: url(\"../images/4-3-2.jpg\");\n    background-size: cover;\n    background-position: center;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible mdc-toolbar--flexible-default-behavior\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n##### Caveat: Complex animation performance\n\nDue to the nature of having to listen for scroll events and mutate height, this\nmay degrade performance in some mobile browsers. For example, combining high\nresolution images with parallax scrolling could lead to severe performance\nissues in certain mobile browsers. When implementing patterns like these for a\nmobile device, ensure that the image is as optimized as possible and carefully\ntest the performance to make sure that it is adequate.\n\n```css\n.mdc-toolbar__row:first-child::after {\n  background-image: url(\"../images/4-3.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n@media (max-width: 599px) {\n  background-image: url(\"../images/4-3-compressed.jpg\");\n  background-position: 0 0;\n}\n```\n\n### RTL Support\n\n`mdc-toolbar` is automatically RTL-aware, and will re-position elements whenever\nit, or its ancestors, has a `dir=\"rtl\"` attribute.\n\n## Classes\n\n### Block\n\nThe block class is `mdc-toolbar`. This defines the top-level toolbar element.\n\n### Element\n\nThe component accommodates multiple rows using the wrapper `mdc-toolbar__row`.\nFor each row, it has `mdc-toolbar__section` and `mdc-toolbar__title` elements. You\ncan add multiple sections to toolbar. Refer to Sections and Toolbar title for\nfurther details.\n\n### Modifier\n\nThe provided modifiers are:\n\nClass | Description\n--- | ---\n`mdc-toolbar--fixed` | Makes toolbar fixed on top and have persistent elevation\n`mdc-toolbar--waterfall` | Removes fixed toolbar persistent elevation and makes it gain elevation when a user begins to scroll down the page\n`mdc-toolbar--fixed-lastrow-only` | Makes only last row of fixed toolbar anchored on top\n`mdc-toolbar--flexible` | Makes first row of toolbar have flexible space\n`mdc-toolbar__section--align-start` | Makes section align to the start\n`mdc-toolbar__section--align-end` | Makes section align to the end\n`mdc-toolbar__section--shrink-to-fit`| Makes section take the width of its content\n\n## Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-toolbar-ink-color($color)` | Sets the ink color of the toolbar\n`mdc-toolbar-fill-color($color)` | Sets the fill color of the toolbar\n`mdc-toolbar-fill-color-accessible($color)` | Sets the fill color of the toolbar and automatically sets a high-contrast ink color\n`mdc-toolbar-icon-ink-color($color)` | Sets the ink color of a toolbar icon\n\n## JS Usage\n\n### Including in code\n\n#### ES Module syntax\n\n```javascript\nimport {MDCToolbar, MDCToolbarFoundation} from '@material/toolbar';\n```\n\n#### CommonJS\n\n```javascript\nconst mdcToolbar = require('@material/toolbar');\nconst MDCToolbar = mdcToolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n```\n\n#### AMD\n\n```javascript\nrequire(['/path/to/@material/toolbar'], mdcToolbar => {\n  const MDCToolbar = mdcToolbar.MDCToolbar;\n  const MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n});\n```\n\n#### Global\n\n```javascript\nconst MDCToolbar = mdc.toolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdc.toolbar.MDCToolbarFoundation;\n```\n\n### Automatic Instantiation\n\nIf you do not care about retaining the component instance for the toolbar, simply call `attachTo()`\nand pass it a DOM element.\n\n```javascript\nmdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n```\n\n### Manual Instantiation\n\n```javascript\nimport {MDCToolbar} from '@material/toolbar';\n\nconst toolbar = new MDCToolbar(document.querySelector('.mdc-toolbar'));\n```\n\n### Using the MDCToolbar Foundation Class\n\n#### API\n\nMethod Signature | Description\n--- | ---\n`updateAdjustElementStyles() => void` | Sets `AdjustElement` proper `margin-top`.\n\n#### Event\n\nEvent Name | Event Data Structure | Description\n--- | --- | ---\n`change` | `MDCToolbarEventDetail` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1. See [types.ts](types.ts).\n\n#### Adapter\n\nMethod Signature | Description\n--- | ---\n`hasClass(className: string) => boolean` | Checks if the root element of the component has the given className.\n`addClass(className: string) => void` | Adds a class to the root element of the component.\n`removeClass(className: string) => void` | Removes a class from the root element of the component.\n`registerScrollHandler(handler: EventListener) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event.\n`deregisterScrollHandler(handler: EventListener) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event.\n`registerResizeHandler(handler: EventListener) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event.\n`deregisterResizeHandler(handler: EventListener) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event.\n`getViewportWidth() => number` | Gets viewport (window) width.\n`getViewportScrollY() => number` | Gets the number of pixels that the content of body is scrolled upward\n`getOffsetHeight() => number` | Gets root element `mdc-toolbar` offsetHeight.\n`getFirstRowElementOffsetHeight() => number` | Gets first row element offsetHeight.\n`notifyChange(evtData: MDCToolbarEventDetail) => void` | Broadcasts an event with the remaining ratio of flexible space. See [types.ts](types.ts).\n`setStyle(property: string, value: number) => void` | Sets `mdc-toolbar` style property to provided value.\n`setStyleForTitleElement(property: string, value: number) => void` | Sets `mdc-toolbar__title` style property to provided value.\n`setStyleForFlexibleRowElement(property: string, value: number) => void` | Sets flexible row element style property to provided value.\n`setStyleForFixedAdjustElement(property: string, value: number) => void` | Sets `mdc-toolbar-fixed-adjust` style property to provided value.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@1.0.0-1","_nodeVersion":"10.9.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-+5mXMuliu3ob7MhoUKMVSxAO1HBy7mQhVImBBxKn88zPtT4QVMFThMvg1a9Cbw0jOQTVH8naqJeiUuKVXGHo5A==","shasum":"6f9103c9a992559902aea2d0a772f3927db7e578","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-1.0.0-1.tgz","fileCount":32,"unpackedSize":756526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfbXYCRA9TVsSAnZWagAA2aEP/RRazidkAfHPXhjro1jT\n0kEuaSkjbQlQ7N34giu6yeA7X/o4eyoFMeYkz0iWISIq6J6/HC0UrNGN0mch\nQXTlDI9wqatbMCmvqkqUyu6ciEnsNB+Yv88KoeM5mVxixJb3U3Jce0XNEMAD\nXhtTqz64wMh4CvzTSrCCYAok6CiwVwNqMwhiqhnQQyiwV/LQVJzC6hyZo31O\njuzxSPiMEYoata+eAqZ9qmh0HWP0m7h+I5EqLgjO1w8HAhuvc9aCE+v7oSqZ\nZWKqg0NazNew55KObBT+Pu9ZTGIY+wkSMl0yyK3Ye6IsRiAdSCdBlKiwngQA\nEfygiUFMpkZNerR56HZAFiVIqy4lPryR2xpYx6ECstoCzTWu4+WwX/dS/i/g\nCE8Ipqz61IhJwfEo/ncv8BQp39LOAzoAiSdkdgJqPmQfvYsxF3MmKqxy88L+\nHND+Iwq8FVd9EW6ZV54f54SbekMNBgBdeIMkVjMeBD4BnLMPxhYSLju9nUca\nBvS5PmvSOQdW9bsQWqHuCWdCpw3pd1OH22ZyBDk1AeSBvMbvTHVrmLPKTwFc\n/npfLyvnO3AZia350UNPJtkE4MWZqPTR0un8WYB8xEaQKXIZkJFbm0sroN39\nG9TLSRsMX4JtUpVSrhO9NDaLlNGNpp+7hLG4dr3nttyHRuqNHl4FUt3e5+cs\n0Lfj\r\n=yFjq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDNzTc5xv9iow/tWgskL+kX5gaXdcFAC+cGYke075XRCAiEAqY9gqL6EYL4t5Unm9tSaIlJtF5Exio14Ze5/cgvZ6Gk="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_1.0.0-1_1551742424041_0.39206823509281885"},"_hasShrinkwrap":false},"1.0.0":{"name":"@material/toolbar","version":"1.0.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^1.0.0","@material/ripple":"^1.0.0","@material/rtl":"^0.42.0","@material/theme":"^1.0.0","@material/typography":"^1.0.0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@1.0.0","_nodeVersion":"10.9.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-O0/SLL0Mhrfonyvk9Q0UYcPaI945UhXs13QrA/NdK8MYZnJr4pI5ySvHs1TU+VQzueIf2E87XhtUwDidTZSe9g==","shasum":"fb125e55afa2e5b693354bfec14292bd4e7a37a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-1.0.0.tgz","fileCount":32,"unpackedSize":756514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcgDbUCRA9TVsSAnZWagAAy+0P/RIWQH96qgcw0LH2DkAa\n5EhbXe9yUSOYgI7jBz0vBLH62tCis7H/S/TqMHv6s83nWeQ4xw0As5F8ajqv\nujHpSFybFYiOZn6OadYQNTmGNuQNb3lpmAItSC2XoH47tXTCDVQqzEz073zw\nKBsc2qYWe94f0+K2vkv4vDg0CW7YrDUalkjRrzeu3GD6i6y36bML11XfRUND\n/76mHw2u86btn89UfmbzGUaF5yvgvBkfhRR6BkI99UbiIg5CVKeC0cpfiYUM\nJGYzxRj/wZub2gZC4eFY0oblE9bQUIdOMGp8ZIhG1gK2ktiVfr4DZbwkHzJ5\nJHtM3lfEinGa+/7WJv9rF1bCztT4aplNh+EPotd4m/ffaH+HNMvJPvnX4tFg\n3t+NoxrFaWgVO0T47VqryP7JryH0j5YiqznPUq6Wz4ADyREJUON37nUcBibX\nBVtGNua0tujQM00Z6Fa+W+G1gVH4mTvZn8tdtGmrhutLpPCb0wPhT1tvdJoN\n1hZMoXonaQ71j3fZDZvcujzhAK/cHBr3zNahu/Z5c3/WTWiVfAXpsTfGOzen\nBJ49yxpJEBmVrysl3BU7qSbpK9Wuk2MV25WTXJdsV5vVIgyvqZhQ8kF9dnir\nT9xEw0UaLSmdfiFCuCOnaLwfn1mnJASUuNJ/n+XekTUtw6++Vsx3htnn9l8q\nsjfz\r\n=l59G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjFt94KdKXNjQfhjJhvIrHjWuFKxBzNbujn9YKQEAPowIhAMAorHk7mUEf+Av94DK16a8OXAH1j5lS5jttcWCWDWT+"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_1.0.0_1551906514863_0.4100837492089211"},"_hasShrinkwrap":false},"1.0.1":{"name":"@material/toolbar","version":"1.0.1","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^1.0.0","@material/ripple":"^1.0.1","@material/rtl":"^0.42.0","@material/theme":"^1.0.0","@material/typography":"^1.0.0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@1.0.1","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wrFd6zG/sxxoR96KdLno+07dQBoJKBtfSJT6FG49Vy/ym0v140Xj0CHPnCr2/LJV/gnf2Li389H8I3pohHaYUA==","shasum":"b4811d328af7808e57f250b8a4e3a5463001609e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-1.0.1.tgz","fileCount":32,"unpackedSize":603009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJchtwzCRA9TVsSAnZWagAAgQ0P/iT7140d/7Goj1bGE81X\nzalSrrife/13sqsWoJ8QWxf2/nBLcBKDixR66a3JgEHf+y0hP/5XN9YGJxx+\nVK9DlfcWNPc9VesSVc54CCzxFYat3mZAYnT6lvIDIONlbO99jSUKvcJFIBwy\nLXaNgu1uXwjK6Y4dMP3HZsb42QAkil3D5F8TVqLTjOeMptfXizMfkTnbbEJ3\ntPeG83QzlticO1IgnkafWWIanDTnAveVtK0NYRw+UZ/gvc0z0Mq2zVgUYndu\n9lBZfVpLDEliHogekCm1lBhmqNYOZ9PhJ/qUF4aLcZ3OMlH5jA7GpbeQbnd9\n9cCUnz6fPZGUqV9Nus0rqbp6mn6KTNPqUiHOdeUxUqFHWIbF7m+x/WFjawDi\nTp/vbPA43ZcX/ry2Yc7bugkaTXo0Q+Vm9XfkhGS/d6sIZYW85PyE1z16GbQy\nHPlbE0SfiF9bH+Kcr7bUUKcP0/14/EiRs2jttkGv1FeIB42reGxmxe9bMlXA\nJn6wS/N3dohYu87mzIMQu0jUXHNVRYg4bQSNWHrm2U39OY17wqEqn9lrMo3u\nb10qvNNTRxXNics6aAcA2C2f24DCUb+P1HTG8GLhiItCERV6LtcqBevEuucO\n+B/054IGgm0Gk6am5HhSU6IEPdo5HzgPJfDqa5b2WcLH5NrAZBFUkXQdJOLO\nJ31U\r\n=7YC5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6VHQFkHc9T33RBQ852QhG9bcF4c6dhV6QUvyDJVNcPAIgOd7zDM3LymV0s0veOYFO3B6EfJ2DU7hRpQ3Ky6/yK0s="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_1.0.1_1552342066657_0.25021142463689894"},"_hasShrinkwrap":false},"1.1.0":{"name":"@material/toolbar","version":"1.1.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^1.1.0","@material/ripple":"^1.1.0","@material/rtl":"^0.42.0","@material/theme":"^1.1.0","@material/typography":"^1.0.0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@1.1.0","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NrO3Z1YH6AGbLjS91BT4BTaUL1ghXHB0Wrre+rT1mmQ7VXtr+AaTSshu9xc7z3wcVuPotR41OOdZqSCDWjzBrg==","shasum":"6304845dc175fe3ebbaaae5245f0f0d12ece7f0a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-1.1.0.tgz","fileCount":32,"unpackedSize":603953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmnzYCRA9TVsSAnZWagAAazUP/R16ObhfKKa27Vj3eksh\nQXaKjOOf/a5Q6uYNJkeo35U/sXRben98jidZM06nObcaAiM0nY7NAFNYSO1E\nDRolcPjrurlHOjzdZixqC1Ajd7Y1x5k9AjhEDQuzGVGvY5G7pG5Cyy+Smsjj\nLsDPF20nsivBqv8Qnn8AgnoRWuJpP0vIsRJk9V8ZG09I4emHoE4P/U61EorK\nEiOQSux1/lAOj2w13t+cmUXT0t4EkmhQ54s0YxSWe5OLSnWeYtZ3ILmz8tdd\nYngl1KNLOp1tYMpGsUPG5/OC5ys1WQU9FqvT+rdYINOhNRG+tKFCkMamY7Xc\nCA33BsSSejSsnAhrDnVROccPHS9LWmNQBViszZ+aGWa8NlPJngwxEcoPZVna\nsqiOLDRAx6yeYwOO95kYRrHBY6gbxi0bhg1UYpoQyoQ2lAQSxPFZSO38MbEJ\n4N1Sws3+JBwS3Yah6XcITunheKnkgxIIZcco37jEsTufLsI3MAx+WUa0qgqK\n5OqOwdU92NGhPPA47KKPzg+BZYkALlntRzUyEyGeegtolTap9o3ia+1/m1pI\nSLBxSfsCg/gwP42QYYk3KK0ymBghigoXE9tGytpn8jZJasXHXTJrY/5xcXfH\n1Cw1AjCZdQY32gRt7i46sJZrLSHPQ1DNH0IwrMIBBXamgAGFBZWwm/srltYF\nB6UX\r\n=BPVM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFsdC2Zk0bD9Je24H+Lj/95ZsP3Qw3iShnvA2YLt+PKbAiEA2zHvRHAtC0QAzHESb6RdfAfaqy5xxmFjngP8cc2vY0w="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_1.1.0_1553628375653_0.5419139101629973"},"_hasShrinkwrap":false},"2.0.0":{"name":"@material/toolbar","version":"2.0.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^1.1.0","@material/ripple":"^2.0.0","@material/rtl":"^0.42.0","@material/theme":"^1.1.0","@material/typography":"^1.0.0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@2.0.0","_nodeVersion":"10.13.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-vudr9/3CWD2tOt5Nu/OHCDplWuiA+xuTiynW63A/oC3zicb2y4GxQOf7JoHe9DisOx4P4qxvbEA98FBmGkBsoQ==","shasum":"1a4d1126884368364c96e24e284e6b9ecbcb3911","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-2.0.0.tgz","fileCount":32,"unpackedSize":675343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcxzcGCRA9TVsSAnZWagAAAXEP/jlqJt6AudmeakHTsQMC\nJATD7Bp8vMEy0KcmRmx1ADkD1nNTI/8upBZ+6vY4HQJJ+diZHjuJIWuBEbGU\npeB7KD21/dFCsi3exZNmIWbjiUC8UHX/S08QDSlBvBVeNrD65EyMUhPfeKW0\n76Hv4tfq0NdKmhNYT3+dwNFIGRhrvogeMxcPC00lUpiGzNjpNGsMUT1la2Ht\ntvQaT9jcozjk8blBowPUr7GwjdzYQLPr98enRsauoHH7IDYhrbdhgNt4T/Qk\nmeNg3DAPHiTQz62qogJfzK87TNtYsa/9qMBYyNP0JQ3GaaFH7HMdrwTZvPDc\nhxTby987FdH6WXWxYAKfTTeclxSNLQr8BweqHzUuFJKDHKdZwzDOnGHHPlZ7\n8b6eS1LBd8V4/zltFYsxMFm4Qlbtvw51U71d+YG1thHTJIASeSW4TbScKYTZ\n3/duItg2CV7A6EX3AZGUR4As4/qZUDLaw/1s3v9WgpKViz/kRBFqFo0dc8As\n+m90HPccVzN4ixjsu52BFeZf6TlplSZQpI6oQ+nQT7jwnupatLNn3/zgYY/E\nba9wiWmegS59VC/mnQ4oHHa4TNDFIg57KMkd1XvV6HMa0YBmF/dBGfDHpPlN\nPXr4AYRNLhQjUaxX+A/rgp6goZYjcFvidt7lwHmwjFruAOFyjCRxcglcebK8\nYykm\r\n=KnvH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCncKpit6lKn4ch9xwJAUej/xsvthD3nI31fpsWXIEmtgIhAKUihi0kQQAFKz7NGRpPYI/7SgTeGrgRiYGFeHdREqgf"}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"mattgoo@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_2.0.0_1556559621510_0.4774708113988897"},"_hasShrinkwrap":false},"2.1.1":{"name":"@material/toolbar","version":"2.1.1","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^1.1.0","@material/ripple":"^2.1.1","@material/rtl":"^0.42.0","@material/theme":"^1.1.0","@material/typography":"^1.0.0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@2.1.1","_npmVersion":"6.5.0","_nodeVersion":"11.9.0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"dist":{"integrity":"sha512-8CY/AxCD/LVgLspEADCyqqpEHLrw3GWg/l3alb3T3bt4GW9yhZt0toSnQo9qAf7zooFxvUL0u4IAm/LMoJSyiQ==","shasum":"a4b39ee442da63d86ba02bf689a45c9795765ea0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-2.1.1.tgz","fileCount":32,"unpackedSize":675191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc1bQLCRA9TVsSAnZWagAAo4wP/j8WIwGTJLgRD2l0YpPd\nvH0mkilai4OBHyOdcW3g7S2gDDQfRf4k7t1CQ40YhJDZRnXGiHh1YUEFuKe/\n1C9HJUNbg2jkaghiOwZzWRrJ/L9sE/rkxuqktyEod5fOGnzJAQD+ux24/n6Y\njt5cjdapwQRpmaMGaJVizLr75cUf1lyD3F8S2XnPGHrp3OcfoRwhkn8WNOEu\nck0edUs5lory0G5zDJgBUF8AzAbtm8Sk6E7uJ+hR4DJ9rlpFA95w//6jBbwK\ngDy2vuDYplJ6Q33wnBDPlsFHwAn5LOEJyYnUylRPobQ6Pv7perqlKe5letxR\nYSOyiUZpVNSN4Ag/pl2MtjcSZjZrIkizFPmKCOxpAVZ/M+LUQYYYOccYd6/+\nV+XO5vbz8GTL7YUv7vhBVbhWX3AM23FFJOju7ZZdmZCTqMPLRbL38DaSIBsN\n5jT7zcclSVWFpOt6IJ51bMcrgWuIl/4ftrTtbHGB75D5reTKkZh4jm5qG3Et\nTHhCWMEQlTQPqDvzGYOwCbFMzal/CZKMwt4oQqPhstChJgQL57NlNtQrRNMD\nVGuqtVYS36YROzUBuOFZYWb9gXYQJVoH035Zf+QoJf7h35WOqeJzJBfWhmP5\nfunAEo/BeU+sqOpooCQx1zSPc5lQWFTnvByGvwaL7nk/w2SJjk1oat+ZCo7b\n7o2N\r\n=ZGOQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBlQBCH9YyrGwxx0K4zzkEyuxr+VjpTcPF4nMRA/YI0eAiEA1SRuqD1+xm+AXu5Fqk41Usq9CZNn8443a5xJB9HFDgY="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_2.1.1_1557509130621_0.8256769535929342"},"_hasShrinkwrap":false},"2.3.0":{"name":"@material/toolbar","version":"2.3.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^1.1.0","@material/ripple":"^2.3.0","@material/rtl":"^0.42.0","@material/theme":"^1.1.0","@material/typography":"^2.3.0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@2.3.0","_nodeVersion":"10.13.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-lRMxWLjThMl8jI9iv0By1ABsbESIclIn3jTugvZUmYQQwPmJQ38YzdA6I27gJKLiljZxteaShIOd1TQHnjI4Fw==","shasum":"6cc4635909606a1dff3c51619f269aff927ada48","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-2.3.0.tgz","fileCount":32,"unpackedSize":677570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc7ab4CRA9TVsSAnZWagAAIxcQAKF4c7FVRnnomNH36isV\nIEwg5a31ydDvKi56X7+iqCA0cTDheBgInAyYZan8MQDDMozxKtlc51iaEavy\n+Oe3SK6K4GwqK4vdOnJrbICfsBrslKW3bgOQVO4qm6tu7lKh6EbMpuDRLpB/\npK3GlEnBWz8KaCnm/4ajPekQgXyiiXFLZ+54YHEPchyA3nwKBHF4xFE0Zp7T\njrR4fFyQwct+M3OPiwElTnn7MbGggTdJmH6mLryjCzhZtas4U6vj72L3h4V/\nF4Wu6pnFntEr0ttc98TFHcJglR4Q0NKP7S+hZUWs6ectrfCfPTJg02jg614I\nfGKaD9P/FSBR7DeVrhHrO5kjFKizUfbqRA/6OFQ8/ZUHgu641dYede1YcoOC\njy1ndr6byd3RdrBME/kBNr5mdsIB49ERYJTsVDYg3lJd3gz0xBjlS6N3Vs0v\neY6j7Wi/W7D4Xg+CCF2/eQYkFK5FaU3/KIdTRyEVVr9a/VN+6sUS4j9SYDyd\nTYiDKGEDI9PSuuLlIwC6igNrGoC3tBaRGcW+cYBxb09jKNW9ftJiJdTLRuPJ\nPP/G5ZBzPMTyO46O4x3qdlahq4cFeDvJTcmZh+N9q7jE1Tv7iyR5m23Q8nAr\nA1oQerqk/9WqojEtZhUYX0hWuJKwxNsfiNRPJ1UZMB+2CdKXoGN9nH4GF0hS\niEMz\r\n=9ras\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGDibiIVycOhW8dsN3V8hqrZ2XRB7G/9Ey7D2IXxX2ntAiA5PcR15pLBKwNRBL1FqCZoKDu4DrhjQT6SKYY9JPGXMg=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"mattgoo@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_2.3.0_1559078647388_0.33210354144817145"},"_hasShrinkwrap":false},"3.0.0-alpha.0":{"name":"@material/toolbar","version":"3.0.0-alpha.0","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^3.0.0-alpha.0","@material/ripple":"^3.0.0-alpha.0","@material/rtl":"^0.42.0","@material/theme":"^3.0.0-alpha.0","@material/typography":"^3.0.0-alpha.0","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"gitHead":"094e507fcfb488303e5adec97f7f985b30e8567e","readme":"<!--docs:\ntitle: \"Toolbars\"\nlayout: detail\nsection: components\nexcerpt: \"A container for multiple rows of items such as application title, navigation menu, or tabs.\"\niconId: toolbar\npath: /catalog/toolbar/\n-->\n\n## Important - Deprecation Notice\n\nThe existing `MDCToolbar` component and styles will be removed in a future release. Some of its functionality\nwill be available in the [MDC Top App Bar](../mdc-top-app-bar) package instead. Bugs and feature requests\nwill no longer be accepted for the `mdc-toolbar` package. It is recommended that you migrate to the\n`mdc-top-app-bar` package to continue to receive new features and updates.\n\n# Toolbars\n\nMDC Toolbar acts as a container for multiple rows containing items such as\napplication title, navigation menu, and tabs, among other things. Toolbars\nscroll with content by default, but support fixed behavior as well.\n\nWhen using the **fixed** pattern, a persistent elevation is added to toolbar.\nWhen using the **waterfall** pattern, a toolbar will have no elevation when the\npage is scrolled to the top, and gain elevation when a user begins to scroll\ndown the page. Toolbars also support anchored only last row at the top behavior.\nFor toolbars with this modifier, only the last row will be anchored at the top,\nwhile the rest of toolbar scrolls off.\n\nFlexible behavior can be added to mdc-toolbar, where the height of the toolbar\nchanges as the user scrolls. Flexible is defined as a modifier class of toolbar\nbut not a standalone component. Toolbars using this modifier will have additional\nheight added to their first rows.\n\n## Installation\n\n```\nnpm install @material/toolbar\n```\n\n## Usage\n\n### HTML Structure\n\nWrap the items with `mdc-toolbar` class in the following way:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\nMDC Toolbars can accommodate multiple rows using the wrapper `mdc-toolbar__row`:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n#### Sections\n\nToolbar sections are aligned to the toolbar's center. You can change this\nbehavior by applying `mdc-toolbar__section--align-start` or\n`mdc-toolbar__section--align-end` to align the sections to the start or the end\nof the toolbar (respectively).\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      Section aligns to start.\n    </section>\n    <section class=\"mdc-toolbar__section\">\n      Section aligns to center.\n    </section>\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end\">\n      Section aligns to end.\n    </section>\n  </div>\n</header>\n```\n\nToolbar sections are laid out using flexbox. Each section will take up an equal\namount of space within the toolbar by default. But you can accommodate very long section (very long title)\nby adding `mdc-toolbar__section--shrink-to-fit` to other sections.\n\n```html\n<div class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n        <span class=\"mdc-toolbar__title\">This is a super super super super long title</span>\n      </section>\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end mdc-toolbar__section--shrink-to-fit\">\n        <a class=\"material-icons search align-icons\" aria-label=\"Search\" alt=\"Search\">search</a>\n      </section>\n  </div>\n</div>\n```\n\n#### Toolbar title\n\nYou can use the `mdc-toolbar__title` element to style toolbar text representing\na page's title, or an application name.\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\n#### Toolbar Icons\n\nIcons can be added as anchor tags, `span`s, or `button`s to `mdc-toolbar`. There are two types of icons,\n`mdc-toolbar__menu-icon` represents the left most icon in `mdc-toolbar` usually to the left of `mdc-toolbar__title`.\n`mdc-toolbar__icon` represents any icons placed on the right side of an `mdc-toolbar`.\n\nWe recommend using [Material Icons](https://material.io/tools/icons/) from Google Fonts:\n\n```html\n<head>\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\">\n</head>\n```\n\nHowever, you can also use SVG, [Font Awesome](https://fontawesome.com/), or any other icon library you wish.\n\nWhen using SVG icons, ensure you wrap the `svg` element in an `a` and include the `mdc-toolbar__icon` class:\n\n```html\n<a href=\"#\" class=\"mdc-toolbar__icon\">\n  <svg></svg>\n</a>\n```\n\n### Fixed toolbars\n\nBy default, toolbars scroll with the page content. To keep the toolbar fixed to\nthe top of the screen, add an `mdc-toolbar--fixed` class to the toolbar element.\n\n**Adjusting sibling elements of fixed toolbars**\n\nWhen using `mdc-toolbar--fixed`, you need to set the margin of the content to\nprevent toolbar overlaying your content. You can add the `mdc-toolbar-fixed-adjust`\nhelper class to the toolbar's adjacent sibling element, which will add default\n`margin-top`.\n\nWhen you are using `mdc-toolbar` with JavaScript, you should assign your content\nwrapper element to `mdc-toolbar`'s instance property `fixedAdjustElement`. This\nwill make `mdc-toolbar` aware of the wrapper class and adjust the `margin-top`\ncorrespondingly.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n// When you are using toolbar with JavaScript\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Waterfall toolbars (Requires JavaScript)\n\nBy adding `mdc-toolbar--waterfall` to `mdc-toolbar--fixed`, fixed toolbars become\nwaterfall toolbars. Waterfall toolbar is _initially_ static and has no elevation,\nand then when the user starts scrolling _becomes_ fixed and _gains_ elevation.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Fixed Last Row Toolbar (Requires JavaScript)\n\nBy adding `mdc-toolbar--fixed-lastrow-only` to `mdc-toolbar--fixed`, fixed toolbars\nwill anchor only the last row to the top.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--fixed-lastrow-only\">\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will scroll off screen -->\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will anchor on top of screen -->\n  </div>\n</header>\n```\n\n### Flexible Toolbar (Requires JavaScript)\n\nFlexible behavior can be added to mdc-toolbar, whose height changes as the user\nscrolls. Flexible behavior is highly customizable - we only define the change of\nflexible space size without making further assumptions. But we do recommend the\nheight of flexible space should be an integral number of `mdc-toolbar__row`\nheight and provide a easier way for user to customize height. Users can adjust the\nheight of flexible space through sass variable `$mdc-toolbar-ratio-to-extend-flexible`\nor css variable `--mdc-toolbar-ratio-to-extend-flexible`.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nCustom height of flexible space:\n\n```html\n<style>\n  #my-flexible-header {\n    --mdc-toolbar-ratio-to-extend-flexible: 3;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nFlexible toolbars emit a `change` custom event with a `detail` object containing\n`flexibleExpansionRatio` property. The `flexibleExpansionRatio` property is a\nnumber from 0-1 representing the _ratio of flexible space that has already been\ncollapsed divided by the total amount of flexible space_.\n\n```javascript\ntoolbar.listen('MDCToolbar:change', function(evt) {\n  var flexibleExpansionRatio = evt.detail.flexibleExpansionRatio;\n  console.log(flexibleExpansionRatio.toFixed(2));\n});\n\n```\n\nFor the most common use case of flexible headers, we've defined a **default** behavior:\n- Flexible has a fixed initial height 4 times the default size of `mdc-toolbar__row`.\n- When it has `mdc-toolbar--flexible-default-behavior`, it further defines the\nbackground and title movement behavior.\n\n```html\n<style>\n  .mdc-toolbar__row:first-child::after {\n    background-image: url(\"../images/4-3-2.jpg\");\n    background-size: cover;\n    background-position: center;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible mdc-toolbar--flexible-default-behavior\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n##### Caveat: Complex animation performance\n\nDue to the nature of having to listen for scroll events and mutate height, this\nmay degrade performance in some mobile browsers. For example, combining high\nresolution images with parallax scrolling could lead to severe performance\nissues in certain mobile browsers. When implementing patterns like these for a\nmobile device, ensure that the image is as optimized as possible and carefully\ntest the performance to make sure that it is adequate.\n\n```css\n.mdc-toolbar__row:first-child::after {\n  background-image: url(\"../images/4-3.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n@media (max-width: 599px) {\n  background-image: url(\"../images/4-3-compressed.jpg\");\n  background-position: 0 0;\n}\n```\n\n### RTL Support\n\n`mdc-toolbar` is automatically RTL-aware, and will re-position elements whenever\nit, or its ancestors, has a `dir=\"rtl\"` attribute.\n\n## Classes\n\n### Block\n\nThe block class is `mdc-toolbar`. This defines the top-level toolbar element.\n\n### Element\n\nThe component accommodates multiple rows using the wrapper `mdc-toolbar__row`.\nFor each row, it has `mdc-toolbar__section` and `mdc-toolbar__title` elements. You\ncan add multiple sections to toolbar. Refer to Sections and Toolbar title for\nfurther details.\n\n### Modifier\n\nThe provided modifiers are:\n\nClass | Description\n--- | ---\n`mdc-toolbar--fixed` | Makes toolbar fixed on top and have persistent elevation\n`mdc-toolbar--waterfall` | Removes fixed toolbar persistent elevation and makes it gain elevation when a user begins to scroll down the page\n`mdc-toolbar--fixed-lastrow-only` | Makes only last row of fixed toolbar anchored on top\n`mdc-toolbar--flexible` | Makes first row of toolbar have flexible space\n`mdc-toolbar__section--align-start` | Makes section align to the start\n`mdc-toolbar__section--align-end` | Makes section align to the end\n`mdc-toolbar__section--shrink-to-fit`| Makes section take the width of its content\n\n## Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-toolbar-ink-color($color)` | Sets the ink color of the toolbar\n`mdc-toolbar-fill-color($color)` | Sets the fill color of the toolbar\n`mdc-toolbar-fill-color-accessible($color)` | Sets the fill color of the toolbar and automatically sets a high-contrast ink color\n`mdc-toolbar-icon-ink-color($color)` | Sets the ink color of a toolbar icon\n\n## JS Usage\n\n### Including in code\n\n#### ES Module syntax\n\n```javascript\nimport {MDCToolbar, MDCToolbarFoundation} from '@material/toolbar';\n```\n\n#### CommonJS\n\n```javascript\nconst mdcToolbar = require('@material/toolbar');\nconst MDCToolbar = mdcToolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n```\n\n#### AMD\n\n```javascript\nrequire(['/path/to/@material/toolbar'], mdcToolbar => {\n  const MDCToolbar = mdcToolbar.MDCToolbar;\n  const MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n});\n```\n\n#### Global\n\n```javascript\nconst MDCToolbar = mdc.toolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdc.toolbar.MDCToolbarFoundation;\n```\n\n### Automatic Instantiation\n\nIf you do not care about retaining the component instance for the toolbar, simply call `attachTo()`\nand pass it a DOM element.\n\n```javascript\nmdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n```\n\n### Manual Instantiation\n\n```javascript\nimport {MDCToolbar} from '@material/toolbar';\n\nconst toolbar = new MDCToolbar(document.querySelector('.mdc-toolbar'));\n```\n\n### Using the MDCToolbar Foundation Class\n\n#### API\n\nMethod Signature | Description\n--- | ---\n`updateAdjustElementStyles() => void` | Sets `AdjustElement` proper `margin-top`.\n\n#### Event\n\nEvent Name | Event Data Structure | Description\n--- | --- | ---\n`change` | `MDCToolbarEventDetail` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1. See [types.ts](types.ts).\n\n#### Adapter\n\nMethod Signature | Description\n--- | ---\n`hasClass(className: string) => boolean` | Checks if the root element of the component has the given className.\n`addClass(className: string) => void` | Adds a class to the root element of the component.\n`removeClass(className: string) => void` | Removes a class from the root element of the component.\n`registerScrollHandler(handler: EventListener) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event.\n`deregisterScrollHandler(handler: EventListener) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event.\n`registerResizeHandler(handler: EventListener) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event.\n`deregisterResizeHandler(handler: EventListener) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event.\n`getViewportWidth() => number` | Gets viewport (window) width.\n`getViewportScrollY() => number` | Gets the number of pixels that the content of body is scrolled upward\n`getOffsetHeight() => number` | Gets root element `mdc-toolbar` offsetHeight.\n`getFirstRowElementOffsetHeight() => number` | Gets first row element offsetHeight.\n`notifyChange(evtData: MDCToolbarEventDetail) => void` | Broadcasts an event with the remaining ratio of flexible space. See [types.ts](types.ts).\n`setStyle(property: string, value: number) => void` | Sets `mdc-toolbar` style property to provided value.\n`setStyleForTitleElement(property: string, value: number) => void` | Sets `mdc-toolbar__title` style property to provided value.\n`setStyleForFlexibleRowElement(property: string, value: number) => void` | Sets flexible row element style property to provided value.\n`setStyleForFixedAdjustElement(property: string, value: number) => void` | Sets `mdc-toolbar-fixed-adjust` style property to provided value.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@3.0.0-alpha.0","_nodeVersion":"11.9.0","_npmVersion":"lerna/3.14.1/node@v11.9.0+x64 (darwin)","dist":{"integrity":"sha512-xxfXsjs8S3RO8tWfvvbdrTj9iEIUqskNetYblpVm1iRELYR1iNIuaIIKGJliWQagR7/1lbz0HUKRW+OzfriUmg==","shasum":"1f23863a98ed0f2dd0f9f71dd181a634294de68f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-3.0.0-alpha.0.tgz","fileCount":33,"unpackedSize":678745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAHpsCRA9TVsSAnZWagAAcJIP/1mAJOLIVwlYpI57b+Ur\nSMgwXlz8B0B8lW94nsYieODL20v5eIt1hHjgITkAyBcQbyT6+HHHN84+iP11\nlcHUREfI9WdMrNPN75jYUSVT5Qx72F/TcJcBALkx2MFexp0Qu+WnPuhNvJhB\n+BK7LlNw17dcWYwDv4ff86gnskBreft/jE3r3y6zvlaB8T3bgp5o8WqpcoH+\nTnsEwxlO0QXHJOlDz58aegvqa1zdAygMTBn8bfvSnxlQFI9cUhxeHWKOe3mV\n1jfVtvav5kA9D9W45m/kDa8plxAbm9ya9zP8++dbjz6B52CB+dOJJJ+ROytv\ngLDsIfrHnH/yVx05K5iVgtaP1MCNyURyQv2Viy2ajOxmB/RTmvWIlJcNCX3p\n4uhQR+kkGC2cxEKKj1TwMz8M6KWY4hCQUE0puvBq0HXfySqAQN8O0Q0sv1Yd\nXACoUbqHEZkA+17TbdgkOlscbRL2x6orBKQM3E2X4H7NDJXNPyyW3uduylat\n4r60ngKbeS5RAFbMlnjqXuQCml9GNg05KyzGYQjiJYW8s11sdpFGpLhc20WJ\nMHcmNHOvD0xbEfdlomdnjG7eMzR734R7uPnzMCZybqmENlPQppxCmBqDphaY\nDRJJcwpeRDi5pzTINKtAYWOgoowM9JwWoNwyrhk4D86Rw75sTAMs9B/Mh562\nrrnk\r\n=dpjF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA1BBi7iIzGQ81zB1S52OuO6qmybTks9K9fKdwTX2TPrAiEAwM4mM0NaGmeB9IVTvqKN9AwcspSRKnLvDOG7NLHgxgA="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_3.0.0-alpha.0_1560312427553_0.5985428559853461"},"_hasShrinkwrap":false},"3.0.0-alpha.1":{"name":"@material/toolbar","version":"3.0.0-alpha.1","description":"The Material Components for the web toolbar component","license":"MIT","main":"dist/mdc.toolbar.js","module":"index.js","sideEffects":false,"types":"dist/mdc.toolbar.d.ts","repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git"},"keywords":["material components","material design","toolbar"],"dependencies":{"@material/base":"^1.0.0","@material/elevation":"^3.0.0-alpha.1","@material/ripple":"^3.0.0-alpha.1","@material/rtl":"^0.42.0","@material/theme":"^3.0.0-alpha.1","@material/typography":"^3.0.0-alpha.1","tslib":"^1.9.3"},"publishConfig":{"access":"public"},"gitHead":"dae97b98c21bb93075a9688cf1f9076a4fe5a85d","readme":"<!--docs:\ntitle: \"Toolbars\"\nlayout: detail\nsection: components\nexcerpt: \"A container for multiple rows of items such as application title, navigation menu, or tabs.\"\niconId: toolbar\npath: /catalog/toolbar/\n-->\n\n## Important - Deprecation Notice\n\nThe existing `MDCToolbar` component and styles will be removed in a future release. Some of its functionality\nwill be available in the [MDC Top App Bar](../mdc-top-app-bar) package instead. Bugs and feature requests\nwill no longer be accepted for the `mdc-toolbar` package. It is recommended that you migrate to the\n`mdc-top-app-bar` package to continue to receive new features and updates.\n\n# Toolbars\n\nMDC Toolbar acts as a container for multiple rows containing items such as\napplication title, navigation menu, and tabs, among other things. Toolbars\nscroll with content by default, but support fixed behavior as well.\n\nWhen using the **fixed** pattern, a persistent elevation is added to toolbar.\nWhen using the **waterfall** pattern, a toolbar will have no elevation when the\npage is scrolled to the top, and gain elevation when a user begins to scroll\ndown the page. Toolbars also support anchored only last row at the top behavior.\nFor toolbars with this modifier, only the last row will be anchored at the top,\nwhile the rest of toolbar scrolls off.\n\nFlexible behavior can be added to mdc-toolbar, where the height of the toolbar\nchanges as the user scrolls. Flexible is defined as a modifier class of toolbar\nbut not a standalone component. Toolbars using this modifier will have additional\nheight added to their first rows.\n\n## Installation\n\n```\nnpm install @material/toolbar\n```\n\n## Usage\n\n### HTML Structure\n\nWrap the items with `mdc-toolbar` class in the following way:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\nMDC Toolbars can accommodate multiple rows using the wrapper `mdc-toolbar__row`:\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <a href=\"#\" class=\"material-icons mdc-toolbar__menu-icon\">menu</a>\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n#### Sections\n\nToolbar sections are aligned to the toolbar's center. You can change this\nbehavior by applying `mdc-toolbar__section--align-start` or\n`mdc-toolbar__section--align-end` to align the sections to the start or the end\nof the toolbar (respectively).\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      Section aligns to start.\n    </section>\n    <section class=\"mdc-toolbar__section\">\n      Section aligns to center.\n    </section>\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end\">\n      Section aligns to end.\n    </section>\n  </div>\n</header>\n```\n\nToolbar sections are laid out using flexbox. Each section will take up an equal\namount of space within the toolbar by default. But you can accommodate very long section (very long title)\nby adding `mdc-toolbar__section--shrink-to-fit` to other sections.\n\n```html\n<div class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n        <span class=\"mdc-toolbar__title\">This is a super super super super long title</span>\n      </section>\n      <section class=\"mdc-toolbar__section mdc-toolbar__section--align-end mdc-toolbar__section--shrink-to-fit\">\n        <a class=\"material-icons search align-icons\" aria-label=\"Search\" alt=\"Search\">search</a>\n      </section>\n  </div>\n</div>\n```\n\n#### Toolbar title\n\nYou can use the `mdc-toolbar__title` element to style toolbar text representing\na page's title, or an application name.\n\n```html\n<header class=\"mdc-toolbar\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n```\n\n#### Toolbar Icons\n\nIcons can be added as anchor tags, `span`s, or `button`s to `mdc-toolbar`. There are two types of icons,\n`mdc-toolbar__menu-icon` represents the left most icon in `mdc-toolbar` usually to the left of `mdc-toolbar__title`.\n`mdc-toolbar__icon` represents any icons placed on the right side of an `mdc-toolbar`.\n\nWe recommend using [Material Icons](https://material.io/tools/icons/) from Google Fonts:\n\n```html\n<head>\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\">\n</head>\n```\n\nHowever, you can also use SVG, [Font Awesome](https://fontawesome.com/), or any other icon library you wish.\n\nWhen using SVG icons, ensure you wrap the `svg` element in an `a` and include the `mdc-toolbar__icon` class:\n\n```html\n<a href=\"#\" class=\"mdc-toolbar__icon\">\n  <svg></svg>\n</a>\n```\n\n### Fixed toolbars\n\nBy default, toolbars scroll with the page content. To keep the toolbar fixed to\nthe top of the screen, add an `mdc-toolbar--fixed` class to the toolbar element.\n\n**Adjusting sibling elements of fixed toolbars**\n\nWhen using `mdc-toolbar--fixed`, you need to set the margin of the content to\nprevent toolbar overlaying your content. You can add the `mdc-toolbar-fixed-adjust`\nhelper class to the toolbar's adjacent sibling element, which will add default\n`margin-top`.\n\nWhen you are using `mdc-toolbar` with JavaScript, you should assign your content\nwrapper element to `mdc-toolbar`'s instance property `fixedAdjustElement`. This\nwill make `mdc-toolbar` aware of the wrapper class and adjust the `margin-top`\ncorrespondingly.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n// When you are using toolbar with JavaScript\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Waterfall toolbars (Requires JavaScript)\n\nBy adding `mdc-toolbar--waterfall` to `mdc-toolbar--fixed`, fixed toolbars become\nwaterfall toolbars. Waterfall toolbar is _initially_ static and has no elevation,\nand then when the user starts scrolling _becomes_ fixed and _gains_ elevation.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--waterfall\">\n  <div class=\"mdc-toolbar__row\">\n    <section class=\"mdc-toolbar__section mdc-toolbar__section--align-start\">\n      <span class=\"mdc-toolbar__title\">Title</span>\n    </section>\n  </div>\n</header>\n<main class=\"mdc-toolbar-fixed-adjust\">\n  <p class=\"demo-paragraph\">\n    A demo paragraph here.\n  </p>\n</main>\n\n<script>\n  var toolbar = mdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n  toolbar.fixedAdjustElement = document.querySelector('.mdc-toolbar-fixed-adjust');\n</script>\n```\n\n#### Fixed Last Row Toolbar (Requires JavaScript)\n\nBy adding `mdc-toolbar--fixed-lastrow-only` to `mdc-toolbar--fixed`, fixed toolbars\nwill anchor only the last row to the top.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--fixed mdc-toolbar--fixed-lastrow-only\">\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will scroll off screen -->\n  </div>\n  <div class=\"mdc-toolbar__row\">\n    <!-- This row will anchor on top of screen -->\n  </div>\n</header>\n```\n\n### Flexible Toolbar (Requires JavaScript)\n\nFlexible behavior can be added to mdc-toolbar, whose height changes as the user\nscrolls. Flexible behavior is highly customizable - we only define the change of\nflexible space size without making further assumptions. But we do recommend the\nheight of flexible space should be an integral number of `mdc-toolbar__row`\nheight and provide a easier way for user to customize height. Users can adjust the\nheight of flexible space through sass variable `$mdc-toolbar-ratio-to-extend-flexible`\nor css variable `--mdc-toolbar-ratio-to-extend-flexible`.\n\n```html\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nCustom height of flexible space:\n\n```html\n<style>\n  #my-flexible-header {\n    --mdc-toolbar-ratio-to-extend-flexible: 3;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\nFlexible toolbars emit a `change` custom event with a `detail` object containing\n`flexibleExpansionRatio` property. The `flexibleExpansionRatio` property is a\nnumber from 0-1 representing the _ratio of flexible space that has already been\ncollapsed divided by the total amount of flexible space_.\n\n```javascript\ntoolbar.listen('MDCToolbar:change', function(evt) {\n  var flexibleExpansionRatio = evt.detail.flexibleExpansionRatio;\n  console.log(flexibleExpansionRatio.toFixed(2));\n});\n\n```\n\nFor the most common use case of flexible headers, we've defined a **default** behavior:\n- Flexible has a fixed initial height 4 times the default size of `mdc-toolbar__row`.\n- When it has `mdc-toolbar--flexible-default-behavior`, it further defines the\nbackground and title movement behavior.\n\n```html\n<style>\n  .mdc-toolbar__row:first-child::after {\n    background-image: url(\"../images/4-3-2.jpg\");\n    background-size: cover;\n    background-position: center;\n  }\n</style>\n<header class=\"mdc-toolbar mdc-toolbar--flexible mdc-toolbar--flexible-default-behavior\">\n  <div class=\"mdc-toolbar__row\">\n    ...\n  </div>\n</header>\n```\n\n##### Caveat: Complex animation performance\n\nDue to the nature of having to listen for scroll events and mutate height, this\nmay degrade performance in some mobile browsers. For example, combining high\nresolution images with parallax scrolling could lead to severe performance\nissues in certain mobile browsers. When implementing patterns like these for a\nmobile device, ensure that the image is as optimized as possible and carefully\ntest the performance to make sure that it is adequate.\n\n```css\n.mdc-toolbar__row:first-child::after {\n  background-image: url(\"../images/4-3.jpg\");\n  background-size: cover;\n  background-position: center;\n}\n@media (max-width: 599px) {\n  background-image: url(\"../images/4-3-compressed.jpg\");\n  background-position: 0 0;\n}\n```\n\n### RTL Support\n\n`mdc-toolbar` is automatically RTL-aware, and will re-position elements whenever\nit, or its ancestors, has a `dir=\"rtl\"` attribute.\n\n## Classes\n\n### Block\n\nThe block class is `mdc-toolbar`. This defines the top-level toolbar element.\n\n### Element\n\nThe component accommodates multiple rows using the wrapper `mdc-toolbar__row`.\nFor each row, it has `mdc-toolbar__section` and `mdc-toolbar__title` elements. You\ncan add multiple sections to toolbar. Refer to Sections and Toolbar title for\nfurther details.\n\n### Modifier\n\nThe provided modifiers are:\n\nClass | Description\n--- | ---\n`mdc-toolbar--fixed` | Makes toolbar fixed on top and have persistent elevation\n`mdc-toolbar--waterfall` | Removes fixed toolbar persistent elevation and makes it gain elevation when a user begins to scroll down the page\n`mdc-toolbar--fixed-lastrow-only` | Makes only last row of fixed toolbar anchored on top\n`mdc-toolbar--flexible` | Makes first row of toolbar have flexible space\n`mdc-toolbar__section--align-start` | Makes section align to the start\n`mdc-toolbar__section--align-end` | Makes section align to the end\n`mdc-toolbar__section--shrink-to-fit`| Makes section take the width of its content\n\n## Sass Mixins\n\nMixin | Description\n--- | ---\n`mdc-toolbar-ink-color($color)` | Sets the ink color of the toolbar\n`mdc-toolbar-fill-color($color)` | Sets the fill color of the toolbar\n`mdc-toolbar-fill-color-accessible($color)` | Sets the fill color of the toolbar and automatically sets a high-contrast ink color\n`mdc-toolbar-icon-ink-color($color)` | Sets the ink color of a toolbar icon\n\n## JS Usage\n\n### Including in code\n\n#### ES Module syntax\n\n```javascript\nimport {MDCToolbar, MDCToolbarFoundation} from '@material/toolbar';\n```\n\n#### CommonJS\n\n```javascript\nconst mdcToolbar = require('@material/toolbar');\nconst MDCToolbar = mdcToolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n```\n\n#### AMD\n\n```javascript\nrequire(['/path/to/@material/toolbar'], mdcToolbar => {\n  const MDCToolbar = mdcToolbar.MDCToolbar;\n  const MDCToolbarFoundation = mdcToolbar.MDCToolbarFoundation;\n});\n```\n\n#### Global\n\n```javascript\nconst MDCToolbar = mdc.toolbar.MDCToolbar;\nconst MDCToolbarFoundation = mdc.toolbar.MDCToolbarFoundation;\n```\n\n### Automatic Instantiation\n\nIf you do not care about retaining the component instance for the toolbar, simply call `attachTo()`\nand pass it a DOM element.\n\n```javascript\nmdc.toolbar.MDCToolbar.attachTo(document.querySelector('.mdc-toolbar'));\n```\n\n### Manual Instantiation\n\n```javascript\nimport {MDCToolbar} from '@material/toolbar';\n\nconst toolbar = new MDCToolbar(document.querySelector('.mdc-toolbar'));\n```\n\n### Using the MDCToolbar Foundation Class\n\n#### API\n\nMethod Signature | Description\n--- | ---\n`updateAdjustElementStyles() => void` | Sets `AdjustElement` proper `margin-top`.\n\n#### Event\n\nEvent Name | Event Data Structure | Description\n--- | --- | ---\n`change` | `MDCToolbarEventDetail` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1. See [types.ts](types.ts).\n\n#### Adapter\n\nMethod Signature | Description\n--- | ---\n`hasClass(className: string) => boolean` | Checks if the root element of the component has the given className.\n`addClass(className: string) => void` | Adds a class to the root element of the component.\n`removeClass(className: string) => void` | Removes a class from the root element of the component.\n`registerScrollHandler(handler: EventListener) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event.\n`deregisterScrollHandler(handler: EventListener) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event.\n`registerResizeHandler(handler: EventListener) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event.\n`deregisterResizeHandler(handler: EventListener) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event.\n`getViewportWidth() => number` | Gets viewport (window) width.\n`getViewportScrollY() => number` | Gets the number of pixels that the content of body is scrolled upward\n`getOffsetHeight() => number` | Gets root element `mdc-toolbar` offsetHeight.\n`getFirstRowElementOffsetHeight() => number` | Gets first row element offsetHeight.\n`notifyChange(evtData: MDCToolbarEventDetail) => void` | Broadcasts an event with the remaining ratio of flexible space. See [types.ts](types.ts).\n`setStyle(property: string, value: number) => void` | Sets `mdc-toolbar` style property to provided value.\n`setStyleForTitleElement(property: string, value: number) => void` | Sets `mdc-toolbar__title` style property to provided value.\n`setStyleForFlexibleRowElement(property: string, value: number) => void` | Sets flexible row element style property to provided value.\n`setStyleForFixedAdjustElement(property: string, value: number) => void` | Sets `mdc-toolbar-fixed-adjust` style property to provided value.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/toolbar@3.0.0-alpha.1","_nodeVersion":"11.9.0","_npmVersion":"lerna/3.14.1/node@v11.9.0+x64 (darwin)","dist":{"integrity":"sha512-HmrYdvAuD+ZNxTQHFinEa/54x12jc23dQrVTWVRhTxumnpTS6rJnz0wJ6f0i+A4GkROyCgyw7lI59DFveCzzsg==","shasum":"60a727f80edbe33664816ff3c29dd40e7b3cca66","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/toolbar/-/toolbar-3.0.0-alpha.1.tgz","fileCount":33,"unpackedSize":678745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAUxDCRA9TVsSAnZWagAA6OAP+gMcgDnAFefgslgFmWjj\nN59UFdXsEELbTBwdgpzqID8qgwzozMEgF6FYe3PtOur5ekKyGTwShTMO8ya9\nqqYztdmal1PxuGsywDjNTpbDrrRmkO7Wqf8evZppTlyxEwtPpZJoUJR0+WHC\n+jZY2zJv+XA/lVI/CzkSdI2Uk0lO0XRwF+Pj6FIPHln1/r//SursjnFqastI\nNZdDCZTQLwjAxUq3IqrrD7l7xbMvHGGTPoMFi9NPclYS8c9RIXKBKDN72xG9\nNX3lEgTlGkSj1iheZ2VgaWN/2j8h5dLsZBUsVPZujHztZ8I2OtH2veKu90+9\niZ7Xq2CqpWRhDRECdjYHTWAtPoDcm3nW4meYoxFDlJnbXGbhjdcRJ48gbvI7\nSOKQkmuekUmLv+rrAYda84BV6ZYLDUiIomcYWCcME/VxQJsBKwSwKKJAfh9x\nwu/kBxbuvUzbnz/hbR5ROfArXrK5rTPrl1ZzukF13KNDg1XNhFZmPCdGhbvl\noGtHxqRz5qvLQPgmWG73U1AeJPEhBdJMp1t7Rozwx68AreOvvNH2URVl8XDP\ncllLM6/dXMr5niYEEG11uSNh1OMfjmWnhDO8rfcnM92LPV310FCjJPz/9JLE\nxrjXqtYtdTWUOqPucbdlvxBIPE62SzdCgJAxGRrfu/Nbh0Aj0RovcULJjFjS\nr+8o\r\n=EH0T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHaSPM7CQ24FBOljsaMfg1j1nuU/Ko0BTPt5Ga5msA/rAiAwA06eiflVNNOHZrLCFB/39BATECDzPuUMcuxrDVBDjw=="}]},"maintainers":[{"email":"abhiomkar@gmail.com","name":"anonymous"},{"email":"acdvorak@gmail.com","name":"anonymous"},{"email":"andrey.prigogin@gmail.com","name":"anonymous"},{"email":"dfreedm2@gmail.com","name":"anonymous"},{"email":"bicknellr@gmail.com","name":"anonymous"},{"email":"bonniez@google.com","name":"anonymous"},{"email":"obrien.test@gmail.com","name":"anonymous"},{"email":"kenneth.franqueiro@gmail.com","name":"anonymous"},{"email":"lynnjepsen@google.com","name":"anonymous"},{"email":"lynnjepsen+npm@google.com","name":"anonymous"},{"email":"mattgoo@gmail.com","name":"anonymous"},{"email":"prodee@google.com","name":"anonymous"},{"email":"williamernest@google.com","name":"anonymous"}],"_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toolbar_3.0.0-alpha.1_1560366147133_0.3789769608311204"},"_hasShrinkwrap":false}},"name":"@material/toolbar","time":{"modified":"2022-12-23T07:30:02.315Z","created":"2016-07-21T00:04:36.336Z","2.0.0-dev.20160721":"2016-07-21T00:04:36.336Z","2.0.0-dev.20160721a":"2016-07-21T00:56:27.017Z","2.0.0-dev-20160723":"2016-07-23T00:05:42.466Z","2.0.0-dev.20160810":"2016-08-10T10:39:52.514Z","2.0.0-dev.20160822":"2016-08-21T22:21:55.520Z","2.0.0-dev.20160822-1":"2016-08-22T00:39:01.465Z","2.0.0-dev.20160903":"2016-09-03T08:17:46.474Z","0.1.0":"2017-02-21T17:27:45.775Z","0.1.1":"2017-02-21T19:57:55.945Z","0.1.2":"2017-03-06T17:02:21.615Z","0.2.0":"2017-04-03T15:28:15.278Z","0.2.1":"2017-04-17T15:43:17.199Z","0.2.2":"2017-04-18T14:51:32.783Z","0.3.0":"2017-05-01T15:43:19.674Z","0.3.1":"2017-05-15T16:26:18.968Z","0.3.2":"2017-05-17T14:28:34.113Z","0.3.3":"2017-05-30T19:04:52.774Z","0.4.0":"2017-06-12T15:53:31.872Z","0.4.1":"2017-06-26T16:11:09.557Z","0.4.2":"2017-07-10T15:58:59.916Z","0.4.3":"2017-07-24T15:49:33.731Z","0.4.4":"2017-08-07T20:48:36.045Z","0.4.5":"2017-08-21T17:28:09.432Z","0.4.6":"2017-08-24T14:47:01.121Z","0.4.7":"2017-08-25T17:21:06.497Z","0.4.8":"2017-09-05T20:16:22.140Z","0.4.9":"2017-09-18T18:36:01.569Z","0.4.10":"2017-09-20T15:21:15.848Z","0.4.11":"2017-10-02T21:11:57.953Z","0.23.0":"2017-10-16T21:02:32.308Z","0.24.0":"2017-10-30T19:11:39.620Z","0.25.0":"2017-11-13T20:02:41.018Z","0.27.0":"2017-12-11T19:35:46.638Z","0.28.0":"2018-01-08T18:55:20.367Z","0.29.0":"2018-01-22T18:31:04.796Z","0.30.0":"2018-02-05T22:03:09.686Z","0.32.0":"2018-03-05T22:08:51.734Z","0.33.0":"2018-03-19T16:40:13.979Z","0.34.0":"2018-04-02T21:52:10.633Z","0.34.1":"2018-04-03T23:39:52.580Z","0.35.0":"2018-04-23T22:40:59.590Z","0.36.0-0":"2018-05-29T15:23:52.203Z","0.36.0":"2018-06-04T15:38:23.335Z","0.36.1":"2018-06-18T15:40:39.714Z","0.37.0":"2018-07-02T22:14:29.811Z","0.37.1":"2018-07-16T21:20:08.027Z","0.38.0":"2018-07-30T17:07:34.030Z","0.38.1":"2018-08-13T20:39:19.126Z","0.39.0-0":"2018-08-16T15:16:36.830Z","0.39.0":"2018-08-27T17:41:00.784Z","0.39.1":"2018-08-31T21:36:48.436Z","0.39.2":"2018-09-11T16:55:24.709Z","0.39.3":"2018-09-11T17:19:14.694Z","0.40.0":"2018-09-24T20:01:59.531Z","0.40.1":"2018-10-08T20:54:53.093Z","0.41.0":"2018-10-29T20:22:19.776Z","0.42.0":"2018-12-04T22:55:06.079Z","0.43.0":"2019-01-07T19:49:27.806Z","0.44.0":"2019-02-04T18:24:14.972Z","0.44.1":"2019-02-19T23:03:07.242Z","1.0.0-0":"2019-02-27T23:59:57.998Z","1.0.0-1":"2019-03-04T23:33:44.222Z","1.0.0":"2019-03-06T21:08:35.042Z","1.0.1":"2019-03-11T22:07:46.809Z","1.1.0":"2019-03-26T19:26:15.815Z","2.0.0":"2019-04-29T17:40:21.652Z","2.1.1":"2019-05-10T17:25:30.725Z","2.3.0":"2019-05-28T21:24:07.526Z","3.0.0-alpha.0":"2019-06-12T04:07:07.666Z","3.0.0-alpha.1":"2019-06-12T19:02:27.270Z"},"readmeFilename":"","homepage":"https://github.com/material-components/material-components-web#readme"}