{"_id":"@polymer/app-layout","_rev":"55-45152fc99e42b099ec4b3c8203db22b4","name":"@polymer/app-layout","dist-tags":{"preview":"0.10.6-pre.3","next":"3.0.0-pre.20","latest":"3.1.0"},"versions":{"0.10.6-pre.1":{"name":"@polymer/app-layout","version":"0.10.6-pre.1","license":"SEE LICENSE IN https://polymer.github.io/LICENSE.txt","_id":"@polymer/app-layout@0.10.6-pre.1","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"0375cb005dc942c9a10008a0edd47b7b1ff1f34c","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-0.10.6-pre.1.tgz","integrity":"sha512-zpkFdheoSOHjDiPZnN9yxySXX7+30nh8rXEcWIgTqyseLo8ZcxHAt01OJJJFdbxsp9KL7JT6Jz/PO0K1ziUxzQ==","signatures":[{"sig":"MEUCIQDeIZRNhPBcFJQ/cj4mOQ02t+gz9jxasH0rvQDr0Uxy+wIgQVgpv59PewDfIZwMru0f+fRoksnnhVRH1HZDYcEz+QE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","_from":".","_shasum":"0375cb005dc942c9a10008a0edd47b7b1ff1f34c","scripts":{},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"3.10.3","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"6.4.0","dependencies":{"@polymer/polymer":"gloo","@polymer/iron-flex-layout":"gloo","@polymer/iron-media-query":"gloo","@polymer/iron-resizable-behavior":"gloo","@polymer/iron-scroll-target-behavior":"gloo"},"devDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/app-layout-0.10.6-pre.1.tgz_1484953309750_0.5748736308887601","host":"packages-18-east.internal.npmjs.com"}},"0.10.6-pre.2":{"name":"@polymer/app-layout","version":"0.10.6-pre.2","license":"SEE LICENSE IN https://polymer.github.io/LICENSE.txt","_id":"@polymer/app-layout@0.10.6-pre.2","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"7fbab97bbff85de643ac0d3d32a780f47495f9e8","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-0.10.6-pre.2.tgz","integrity":"sha512-Ll8inlShgQhQtfO3AfAZXKjN1BiHDjHHDe3DBP3FzOcB0UalbeDFHuiMOXiYUH4DXwfCnj0x/ojYu9NNWHqGAQ==","signatures":[{"sig":"MEYCIQCzhNP2jg7GJn4a0aIzmkh/Q9eMRugZXP/G+ByxCVw6pwIhANKvSfRLmZ9gYq4sB2xVHDyHXAxFlOr07lFqT46uKTka","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","_from":".","_shasum":"7fbab97bbff85de643ac0d3d32a780f47495f9e8","scripts":{},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"3.10.3","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"6.4.0","dependencies":{"@polymer/polymer":"gloo","@polymer/iron-flex-layout":"gloo","@polymer/iron-media-query":"gloo","@polymer/iron-resizable-behavior":"gloo","@polymer/iron-scroll-target-behavior":"gloo"},"devDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/app-layout-0.10.6-pre.2.tgz_1484954602577_0.06760215177200735","host":"packages-12-west.internal.npmjs.com"}},"0.10.6-pre.3":{"name":"@polymer/app-layout","version":"0.10.6-pre.3","license":"SEE LICENSE IN https://polymer.github.io/LICENSE.txt","_id":"@polymer/app-layout@0.10.6-pre.3","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"e09a85eaeac52907d421ff748b0b24d1fed1803d","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-0.10.6-pre.3.tgz","integrity":"sha512-KW4RtrSA0Ejdp1h/qvlp1uADdwVcD+TbftTuKgfODeiw2+h4bc+oFLSIsSPI7xEYhVHZ/2NzZ/p5lqp6pMlFrQ==","signatures":[{"sig":"MEQCIEvDc30Yl+xrE4PdY9N3dle2K4SVwCQAf7OSZT5bAI4OAiAQvDHFFDSXm5PiWGn6xIql25nJmM9nN9uaYBlgxKj11Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","_from":".","_shasum":"e09a85eaeac52907d421ff748b0b24d1fed1803d","scripts":{},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"3.10.3","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"6.4.0","dependencies":{"@polymer/polymer":"preview","@polymer/iron-flex-layout":"preview","@polymer/iron-media-query":"preview","@polymer/iron-resizable-behavior":"preview","@polymer/iron-scroll-target-behavior":"preview"},"devDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/app-layout-0.10.6-pre.3.tgz_1485217206337_0.01341821369715035","host":"packages-12-west.internal.npmjs.com"}},"3.0.0-pre.1":{"name":"@polymer/app-layout","version":"3.0.0-pre.1","license":"https://polymer.github.io/LICENSE.txt","_id":"@polymer/app-layout@3.0.0-pre.1","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"612df4d04fd76d36350547aba65920a4a9050f85","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.1.tgz","integrity":"sha512-ENjISPOPzdbItFXxSAEKb2nyyW9YhEHWqIHIO9iUW14XTkfBVMW9TZBjIovRf+2wlk8DWBTjLoUvEX/FZU92Zg==","signatures":[{"sig":"MEUCIHn3gNMO33JdSriespRvm/1XmxjTRrkvt2iflMfsSB80AiEA17qRWNvhKtsEtJhJhNanFGDM1SH9F7QK7k2wM23jjVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","gitHead":"1b55ec4faef30e3bad53f87cc5ed4dde439603d4","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.3.0","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"8.2.1","dependencies":{"@polymer/polymer":"^3.0.0-pre.1","@polymer/iron-flex-layout":"^3.0.0-pre.1","@polymer/iron-media-query":"^3.0.0-pre.1","@polymer/iron-resizable-behavior":"^3.0.0-pre.1","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.1"},"devDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/app-layout-3.0.0-pre.1.tgz_1503386214168_0.03128378349356353","host":"s3://npm-registry-packages"}},"3.0.0-pre.2":{"name":"@polymer/app-layout","version":"3.0.0-pre.2","license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.2","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"e799067042d91a42148b5beca7c860fbf6c81446","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.2.tgz","integrity":"sha512-n3tEaXz5LTsNIE/CJbvLu/Zvp18EfNhsax6/gBJfN1tVcrSb1RPIlF84u+MaW9rQPNaD5ULRF57VNa0cTjl18w==","signatures":[{"sig":"MEUCIQCvWl1zk8l43Ttz/UjmgMlgGZoCpKC5+tuOvbxpzTlrXgIgTpum26iGjmoaRYh3ZXOrG/26TmTHUI0X2ksUe13axK4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","gitHead":"fe6c143b199e45604b144f8ebbb53e0ec1302ada","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.5.1","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.2.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.1","@polymer/iron-flex-layout":"^3.0.0-pre.1","@polymer/iron-media-query":"^3.0.0-pre.1","@polymer/iron-resizable-behavior":"^3.0.0-pre.1","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.1"},"devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.1","@polymer/iron-list":"^3.0.0-pre.1","@polymer/paper-fab":"^3.0.0-pre.1","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.1","@polymer/iron-pages":"^3.0.0-pre.1","@polymer/paper-item":"^3.0.0-pre.1","@polymer/paper-tabs":"^3.0.0-pre.1","@polymer/font-roboto":"^3.0.0-pre.1","@polymer/paper-styles":"^3.0.0-pre.1","@polymer/test-fixture":"^3.0.0-pre.1","@polymer/paper-listbox":"^3.0.0-pre.1","@polymer/paper-spinner":"^3.0.0-pre.1","@polymer/paper-progress":"^3.0.0-pre.1","@polymer/paper-icon-button":"^3.0.0-pre.1","@polymer/iron-component-page":"^3.0.0-pre.1","@polymer/iron-scroll-threshold":"^3.0.0-pre.1","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout-3.0.0-pre.2.tgz_1515721323403_0.18452993733808398","host":"s3://npm-registry-packages"}},"3.0.0-pre.3":{"name":"@polymer/app-layout","version":"3.0.0-pre.3","license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.3","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"def704a72583d6a8288765bf8fe2f53a2a01e151","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.3.tgz","integrity":"sha512-E5RLIXo2dcpTZyzh8J3GyfPnMtP+9X+i/JSo6RmZULXrTqkcctQKLrnUPODQm+sSv2Fs+1+LnFrKunQ+Be1hWw==","signatures":[{"sig":"MEUCIDu1tIbUC/RkzgphYqpCX43OWZjLSUaEFb+97v4lCo+7AiEAkwUQtJgeCDVB81JuKAZqw/r7kwAtzquTV8RypHosWHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","gitHead":"f40cde23eac278201d04891c5bffa6f6659427b8","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.5.1","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.2.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.3","@polymer/iron-flex-layout":"^3.0.0-pre.3","@polymer/iron-media-query":"^3.0.0-pre.3","@polymer/iron-resizable-behavior":"^3.0.0-pre.3","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.3"},"devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.3","@polymer/iron-list":"^3.0.0-pre.3","@polymer/paper-fab":"^3.0.0-pre.3","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.3","@polymer/iron-pages":"^3.0.0-pre.3","@polymer/paper-item":"^3.0.0-pre.3","@polymer/paper-tabs":"^3.0.0-pre.3","@polymer/font-roboto":"^3.0.0-pre.3","@polymer/paper-styles":"^3.0.0-pre.3","@polymer/test-fixture":"^3.0.0-pre.3","@polymer/paper-listbox":"^3.0.0-pre.3","@polymer/paper-spinner":"^3.0.0-pre.3","@polymer/paper-progress":"^3.0.0-pre.3","@polymer/paper-icon-button":"^3.0.0-pre.3","@polymer/iron-component-page":"^3.0.0-pre.3","@polymer/iron-scroll-threshold":"^3.0.0-pre.3","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout-3.0.0-pre.3.tgz_1515781005943_0.7679592077620327","host":"s3://npm-registry-packages"}},"3.0.0-pre.4":{"name":"@polymer/app-layout","version":"3.0.0-pre.4","license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.4","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"a118775fb28d8076ed744ba2d458eea19a39b29e","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.4.tgz","integrity":"sha512-Pv591HyaGuDiBeTo+wB4FjfcHkBbRUGsGH9/iCcP9oNnMLdi6HmUUhSEcheqzUYL8MXif40uY9/0vhxDN/MQpA==","signatures":[{"sig":"MEUCIDC4dvusVZ2/VgUP69FsDzqKwo3S3+djVcH8X3QzRvOuAiEAsmGCydDqOSqOK0CmOI8UjwOaOCnFvwT/j/nzkZFzY5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","gitHead":"d34997f36090cd90c10b586166fb06ac54fb914d","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.5.1","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.2.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.4","@polymer/iron-flex-layout":"^3.0.0-pre.4","@polymer/iron-media-query":"^3.0.0-pre.4","@polymer/iron-resizable-behavior":"^3.0.0-pre.4","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.4"},"devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.4","@polymer/iron-list":"^3.0.0-pre.4","@polymer/paper-fab":"^3.0.0-pre.4","wct-browser-legacy":"0.0.1-pre.10","@polymer/iron-icons":"^3.0.0-pre.4","@polymer/iron-pages":"^3.0.0-pre.4","@polymer/paper-item":"^3.0.0-pre.4","@polymer/paper-tabs":"^3.0.0-pre.4","@polymer/font-roboto":"^3.0.0-pre.4","@polymer/paper-styles":"^3.0.0-pre.4","@polymer/test-fixture":"^3.0.0-pre.4","@polymer/paper-listbox":"^3.0.0-pre.4","@polymer/paper-spinner":"^3.0.0-pre.4","@polymer/paper-progress":"^3.0.0-pre.4","@polymer/paper-icon-button":"^3.0.0-pre.4","@polymer/iron-component-page":"^3.0.0-pre.4","@polymer/iron-scroll-threshold":"^3.0.0-pre.4","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout-3.0.0-pre.4.tgz_1516146837405_0.3217263964470476","host":"s3://npm-registry-packages"}},"3.0.0-pre.6":{"name":"@polymer/app-layout","version":"3.0.0-pre.6","license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.6","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"bc28adac34569760b0861e487078a94eb3af891a","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.6.tgz","integrity":"sha512-Lx6Enc2hQZx8PnLFd2c5zUxyXQXCj4f3cjZU3PMoftIes8xVlVwPAw803LHyDH875dPBYEoyplJHrTt4z7t84Q==","signatures":[{"sig":"MEYCIQDu4uQOh7PwzKOHMbe4YmWihZG/h7+mlQtAUNHSxhARFAIhAOgmk+yUK7zf0/pQn2rO8hnsQf7KgG9qPCrG8zvmyw+G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","gitHead":"fd453ce6f65fd9c8841cb198ac15736ad7504542","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.6.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.4.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.6","@polymer/iron-flex-layout":"^3.0.0-pre.6","@polymer/iron-media-query":"^3.0.0-pre.6","@polymer/iron-resizable-behavior":"^3.0.0-pre.6","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.6"},"devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.6","@polymer/iron-list":"^3.0.0-pre.6","@polymer/paper-fab":"^3.0.0-pre.6","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.6","@polymer/iron-pages":"^3.0.0-pre.6","@polymer/paper-item":"^3.0.0-pre.6","@polymer/paper-tabs":"^3.0.0-pre.6","@polymer/font-roboto":"^3.0.0-pre.6","@polymer/paper-styles":"^3.0.0-pre.6","@polymer/test-fixture":"^3.0.0-pre.6","@polymer/paper-listbox":"^3.0.0-pre.6","@polymer/paper-spinner":"^3.0.0-pre.6","@polymer/paper-progress":"^3.0.0-pre.6","@polymer/paper-icon-button":"^3.0.0-pre.6","@polymer/iron-component-page":"^3.0.0-pre.6","@polymer/iron-scroll-threshold":"^3.0.0-pre.6","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout-3.0.0-pre.6.tgz_1516835033528_0.8805971881374717","host":"s3://npm-registry-packages"}},"3.0.0-pre.7":{"name":"@polymer/app-layout","version":"3.0.0-pre.7","license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.7","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"f4b7c418486c2588f2d75261ebc7c5e8f82f8934","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.7.tgz","integrity":"sha512-Qjavmngsv1uhtmgyk/ujLACG/KWQtVus7J18EAzELniOWrBuGth/8zG7yfDWO5kipvlXBiohsgwVDyls/4nM8A==","signatures":[{"sig":"MEUCIFYfU91IjzZB9XSXdvOrrIIHIFlpfERkdM5j1k4KCHyTAiEA4DK/DKaTd0iZP9j6s2qcvFI/SdffhE2d/4s+rXj6CD0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"flat":true,"main":"app-layout.html","gitHead":"2f44b68656614e7681b279dad48081476163b664","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.6.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.4.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.7","@polymer/iron-flex-layout":"^3.0.0-pre.7","@polymer/iron-media-query":"^3.0.0-pre.7","@polymer/iron-resizable-behavior":"^3.0.0-pre.7","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.7"},"devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.7","@polymer/iron-list":"^3.0.0-pre.7","@polymer/paper-fab":"^3.0.0-pre.7","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.7","@polymer/iron-pages":"^3.0.0-pre.7","@polymer/paper-item":"^3.0.0-pre.7","@polymer/paper-tabs":"^3.0.0-pre.7","@polymer/font-roboto":"^3.0.0-pre.7","@polymer/paper-styles":"^3.0.0-pre.7","@polymer/test-fixture":"^3.0.0-pre.7","@polymer/paper-listbox":"^3.0.0-pre.7","@polymer/paper-spinner":"^3.0.0-pre.7","@polymer/paper-progress":"^3.0.0-pre.7","@polymer/paper-icon-button":"^3.0.0-pre.7","@polymer/iron-component-page":"^3.0.0-pre.7","@polymer/iron-scroll-threshold":"^3.0.0-pre.7","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout-3.0.0-pre.7.tgz_1517338113992_0.4547137476038188","host":"s3://npm-registry-packages"}},"3.0.0-pre.8":{"name":"@polymer/app-layout","version":"3.0.0-pre.8","license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.8","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"3ee697c2bdceac4e7c94f651eb7be8ef24256489","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.8.tgz","fileCount":144,"integrity":"sha512-ty9qcHcnmjmF+cVA5/USnyOnER4BX85mr552/1BN/JOXN7q9wdevxlASnZ2vegq6NiaXLDbgZGaKKz/7owFJ9g==","signatures":[{"sig":"MEQCIGfpy4NukSigbufk08Q1+HQqgvqkXGK+tITGKxMKTy3tAiBS2wbAIG4dZcvLcduH1I8rz/wgEA6UDzGiK6EltS/Q8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1464951},"flat":true,"main":"app-layout.html","readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"c1b5401d2ca6e1579079c82e42cdcf43301615fe","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.5.1","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.2.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.7","@polymer/iron-flex-layout":"^3.0.0-pre.7","@polymer/iron-media-query":"^3.0.0-pre.7","@polymer/iron-resizable-behavior":"^3.0.0-pre.7","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.7","@polymer/iron-list":"^3.0.0-pre.7","@polymer/paper-fab":"^3.0.0-pre.7","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.7","@polymer/iron-pages":"^3.0.0-pre.7","@polymer/paper-item":"^3.0.0-pre.7","@polymer/paper-tabs":"^3.0.0-pre.7","@polymer/font-roboto":"^3.0.0-pre.7","@polymer/paper-styles":"^3.0.0-pre.7","@polymer/test-fixture":"^3.0.0-pre.7","@polymer/paper-listbox":"^3.0.0-pre.7","@polymer/paper-spinner":"^3.0.0-pre.7","@polymer/paper-progress":"^3.0.0-pre.7","@polymer/paper-icon-button":"^3.0.0-pre.7","@polymer/iron-component-page":"^3.0.0-pre.7","@polymer/iron-scroll-threshold":"^3.0.0-pre.7","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.8_1518029799042_0.45217642924574686","host":"s3://npm-registry-packages"}},"3.0.0-pre.10":{"name":"@polymer/app-layout","version":"3.0.0-pre.10","license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.10","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"contributors":[{"name":"The Polymer Authors"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"e64032cc87f3bccb75c4fd25ac4b23096ad9cea3","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.10.tgz","fileCount":143,"integrity":"sha512-q12OpUsJ6Q8MGtrPbMQD3pHQ2tFznJjpmedhl3gZ5jOMI6RZHElczp6Y31ATZPgQgQNON9zoT8F1R79Ky2Wviw==","signatures":[{"sig":"MEQCIFdD1fxcSVsyLsVLzKfLfb24jyyevdEhSbyIGf3DvadfAiAmZ2NE79Q9Uqkd3KZ/bLdDB6I4AZJlV9BQfpZODyjyXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1463819},"flat":true,"main":"app-layout.html","readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"dc11fcf7c76b8086b01d58f70e329110361ee684","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.4.1","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"8.2.1","dependencies":{"@polymer/polymer":"^3.0.0-pre.10","@polymer/iron-flex-layout":"^3.0.0-pre.10","@polymer/iron-media-query":"^3.0.0-pre.10","@polymer/iron-resizable-behavior":"^3.0.0-pre.10","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.10","@polymer/iron-list":"^3.0.0-pre.10","@polymer/paper-fab":"^3.0.0-pre.10","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.10","@polymer/iron-pages":"^3.0.0-pre.10","@polymer/paper-item":"^3.0.0-pre.10","@polymer/paper-tabs":"^3.0.0-pre.10","@polymer/font-roboto":"^3.0.0-pre.10","@polymer/paper-styles":"^3.0.0-pre.10","@polymer/test-fixture":"^3.0.0-pre.10","@polymer/paper-listbox":"^3.0.0-pre.10","@polymer/paper-spinner":"^3.0.0-pre.10","@polymer/paper-progress":"^3.0.0-pre.10","@polymer/paper-icon-button":"^3.0.0-pre.10","@polymer/iron-component-page":"^3.0.0-pre.10","@polymer/iron-scroll-threshold":"^3.0.0-pre.10","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.10_1519341329355_0.5210712716131041","host":"s3://npm-registry-packages"}},"3.0.0-pre.11":{"name":"@polymer/app-layout","version":"3.0.0-pre.11","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.11","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"c4a098dff4074c583c4a596b53ffa98519cc70f9","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.11.tgz","fileCount":143,"integrity":"sha512-ZPWhP5/dGIBLvha6+zdRFu9x5DFgbRp/rh3kCzskOGI0O7YTDJ71LDG8hvBqWQ04U+hFKAU5SgcsFMB/0vkAzg==","signatures":[{"sig":"MEUCIAkIAcjUprJjgQdcAdDDTvjKrz9YiOkKEL03xM0hS55UAiEAnxC96hoCgr640wRTFYFim3+b1iNqieB/euX0jcx/Zhk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1463024},"main":"app-layout.js","readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"a0f45aea98d74d1bf201b5ce7c08821244364709","_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.6.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.7.1","dependencies":{"@polymer/polymer":"^3.0.0-pre.10","@polymer/iron-flex-layout":"^3.0.0-pre.10","@polymer/iron-media-query":"^3.0.0-pre.10","@polymer/iron-resizable-behavior":"^3.0.0-pre.10","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@polymer/iron-icon":"^3.0.0-pre.10","@polymer/iron-list":"^3.0.0-pre.10","@polymer/paper-fab":"^3.0.0-pre.10","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.10","@polymer/iron-pages":"^3.0.0-pre.10","@polymer/paper-item":"^3.0.0-pre.10","@polymer/paper-tabs":"^3.0.0-pre.10","@polymer/font-roboto":"^3.0.0-pre.10","@polymer/paper-styles":"^3.0.0-pre.10","@polymer/test-fixture":"^3.0.0-pre.10","@polymer/paper-listbox":"^3.0.0-pre.10","@polymer/paper-spinner":"^3.0.0-pre.10","@polymer/paper-progress":"^3.0.0-pre.10","@polymer/paper-icon-button":"^3.0.0-pre.10","@polymer/iron-component-page":"^3.0.0-pre.10","@polymer/iron-scroll-threshold":"^3.0.0-pre.10","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.11_1520558230356_0.2277328168584143","host":"s3://npm-registry-packages"}},"3.0.0-pre.12":{"name":"@polymer/app-layout","version":"3.0.0-pre.12","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.12","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"3e93514ecdc5e02a6b9fca586eb9d46ff78a4992","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.12.tgz","fileCount":145,"integrity":"sha512-7CIwcse7gXp33WKchW8tqjxhqBL2hZmE/kfQhafA4d7P6iRfDmXAV0JLrh4QFriKQMQnxZp7NG4ZsFE0JQqPJg==","signatures":[{"sig":"MEUCICF4lSoP50XU4+I24dZfcJbR5d7hEd0byCigTQtpte9mAiEAryJ0IcuP/dQ2Wyl2JM7HJoJ07GYdp658Sf0ydzjrOXA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1479089},"main":"app-layout.js","readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"7e4fc2c552c0ab3ffd51c3812b2f9faf15987985","scripts":{"update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"5.5.1","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.2.0","dependencies":{"@polymer/polymer":"3.0.0-pre.12","@polymer/iron-flex-layout":"3.0.0-pre.12","@polymer/iron-media-query":"3.0.0-pre.12","@polymer/iron-resizable-behavior":"3.0.0-pre.12","@polymer/iron-scroll-target-behavior":"3.0.0-pre.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","@polymer/iron-icon":"3.0.0-pre.12","@polymer/iron-list":"3.0.0-pre.12","@polymer/paper-fab":"3.0.0-pre.12","wct-browser-legacy":"0.0.1-pre.11","@polymer/iron-icons":"3.0.0-pre.12","@polymer/iron-pages":"3.0.0-pre.12","@polymer/paper-item":"3.0.0-pre.12","@polymer/paper-tabs":"3.0.0-pre.12","@polymer/font-roboto":"3.0.0-pre.12","@polymer/paper-styles":"3.0.0-pre.12","@polymer/test-fixture":"3.0.0-pre.12","@polymer/paper-listbox":"3.0.0-pre.12","@polymer/paper-spinner":"3.0.0-pre.12","@polymer/paper-progress":"3.0.0-pre.12","@polymer/paper-icon-button":"3.0.0-pre.12","@polymer/iron-component-page":"3.0.0-pre.12","@polymer/iron-scroll-threshold":"3.0.0-pre.12","@webcomponents/webcomponentsjs":"^1.0.0","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.12_1521737841288_0.6550442474222515","host":"s3://npm-registry-packages"}},"3.0.0-pre.13":{"name":"@polymer/app-layout","version":"3.0.0-pre.13","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.13","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"5f254dce9c565e35ad92fc972dc5b4b74796ab44","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.13.tgz","fileCount":145,"integrity":"sha512-gL5u+jmF7/bIFF+gyULDqm24h2eutVSCxzbcK32Z5aaemAEhjpHaUH8kcjWF5YapqHp34C1NLEhYRaOmefZ0UA==","signatures":[{"sig":"MEUCIQDVcXzXB619sq+Z9zcCixg2AirJ7HpNx/ruAl4KFlaxPQIgIDLFXSCSbJ6b1q2ZAAGXkVzgNJqgoZA/fkus2eLy4T4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1489617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6PCYCRA9TVsSAnZWagAAYa0P/0XixesYcdmnjTXXTrrm\nKcSnarFs+G8zsqpdkyMMWxnDKmi0CAKr43M86wZocqrSPxI2UGXYxSkrrl93\nzs4VUu8J7KDRkkAiKWbkd4VXJvPhV/SFRk1EBWiooxnXZTDwi4F10y1/D+dp\nWFXe7F/MEi89zZnZD0n585vDl/p9lAY3dw+kNcSxT9L6t7k2v2t+u/YZPNyl\nBdFzsl371YC84IfKjtHdtFFPpWqtqqyyAnGbwuBdOqEP+dcC8nLl3auk01zf\n+DMDKicLHV16IOYe5cIjTJzozsY3lNcc6WI+bh5ipAE3xN2Xdx/kQQnJMi4o\n/HPtmKKUxOyMXKk1lBcH6mh5chTs/q7QTm1uOX4Y/LyQt9qKnwYEU6y78Qfx\nn3Xnv/1M3SIFw0NQfa3AUQKKgyNw40inhEe4Sl2hFY6I0x0ZbDLFr1K5DGz7\naKjEJLxPQzkM915lgnWdMYXKHOvgVxRYYW5NpSG6s4fundGcVlYTpVG3A/AC\nIrqJGfgroI+lKapJYiUBXolbWq3nWgBArZKk5VsrXo+NuNlmUa1C+YUECNMF\nomGndWWR0o8WtSxtw5VDS093qX63xHPzqExDVKESrkocyL4dyeWzNQM//8JY\n4Sj0rQveZTTQ4SaK410ShCIrnADNnVyrQqT3c3tabIzW6eZhfzBdpWbVBScg\n5DN0\r\n=F8ge\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"5ac3e9f7bdbc0ea36cb86420d33826ac24a57542","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.0.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.13","@polymer/iron-flex-layout":"^3.0.0-pre.13","@polymer/iron-media-query":"^3.0.0-pre.13","@polymer/iron-resizable-behavior":"^3.0.0-pre.13","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.13","@polymer/iron-list":"^3.0.0-pre.13","@polymer/paper-fab":"^3.0.0-pre.13","wct-browser-legacy":"^0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.13","@polymer/iron-pages":"^3.0.0-pre.13","@polymer/paper-item":"^3.0.0-pre.13","@polymer/paper-tabs":"^3.0.0-pre.13","@polymer/font-roboto":"^3.0.0-pre.13","@polymer/paper-styles":"^3.0.0-pre.13","@polymer/test-fixture":"^3.0.0-pre.13","@polymer/paper-listbox":"^3.0.0-pre.13","@polymer/paper-spinner":"^3.0.0-pre.13","@polymer/paper-progress":"^3.0.0-pre.13","@polymer/paper-icon-button":"^3.0.0-pre.13","@polymer/iron-component-page":"^3.0.0-pre.13","@polymer/iron-scroll-threshold":"^3.0.0-pre.13","@webcomponents/webcomponentsjs":"^2.0.0-0","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.13_1525215383775_0.8447769921575532","host":"s3://npm-registry-packages"}},"3.0.0-pre.14":{"name":"@polymer/app-layout","version":"3.0.0-pre.14","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.14","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"f7263d45498402b048276c5ff926811ddf64ef7e","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.14.tgz","fileCount":145,"integrity":"sha512-m8I2j4S6ZRLoyca4GEmoPnkrm9nFM5JXtgUTh/g3oOmNfz6A84nZZmbCH/OMYIbhSDpo9ta9S85tm7mUAmNMHg==","signatures":[{"sig":"MEQCIG40oQWA7rPf7OPFCjnliOYQXX9e9rjyItoUEXxASBfVAiAmZGufL0iZUyoCN+2Cd7J6OnN6GyUHEdStxia+el/hQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1489674,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6Qg1CRA9TVsSAnZWagAAx2kQAJ2ng6m4w6gVae6kh+Vb\nX14dasiqLtFYekU23545CyLC84EcFliflfPJcuSvVuJvBbv8TTGA1d7hpll9\ndtA+ZBv9Wul2Qgq2zDWw4+GpY0O/3duGiZh0PAZrQFEEeh5Q0hIAWlfpe7vc\nJyMCq7rqqplf4Aaq/0k7RhiNQ80DvRswqD46ui3rh3Tj+fWdmUbMzumR1YM4\nFz2uJUjb9YRj3UHtqtBTqbkONzsKp37VhUmSdDrLnCZUAxjEM+T86/m1Oq1w\nBIg7DalMu6hjOO6G7C0Qua7gHMClCVmzJQ95/OJiB5VzundoZp6uEUFnJVvc\nyFJT9KTHbwb0Hb761spYtlpREJhvoY56bKnc5KCK4eDFW4SN7pOC45skfmPu\ng2pSOgZA7QwbQaj/FX2LUiepsoiQ+ikGn5RutM6MI0i49EfgJc7h5Yp/T/R5\nqqdJ7wcd4N5rC3Acwpl45m4BdIUYp1CdA8QS3PlY4habGkAsDSKEbM8qrBnR\nci9p8OyrZXoJKoDZiqv4FSt0uNYm3Vj6JcFO+9uey/5yeXM4X49mTBtk7XSr\nQhHaPvGa/X7SpUTs0mJPZWU8agoIWOE73SqNgf4WN+iZFDws0+nAQh9zKyZl\nY8aj9GkuPVjA8jl7OyL05in29scOMU3Jbh5Cd38LPtnAkJhrksev9wUZpR8V\nh2dq\r\n=6i4l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"40e8c14b190c208b5fd9b2bdc52931924d2d3b85","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.0.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.13","@polymer/iron-flex-layout":"^3.0.0-pre.14","@polymer/iron-media-query":"^3.0.0-pre.14","@polymer/iron-resizable-behavior":"^3.0.0-pre.14","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.14"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.14","@polymer/iron-list":"^3.0.0-pre.14","@polymer/paper-fab":"^3.0.0-pre.14","wct-browser-legacy":"^0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.14","@polymer/iron-pages":"^3.0.0-pre.14","@polymer/paper-item":"^3.0.0-pre.14","@polymer/paper-tabs":"^3.0.0-pre.14","@polymer/font-roboto":"^3.0.0-pre.14","@polymer/paper-styles":"^3.0.0-pre.14","@polymer/test-fixture":"^3.0.0-pre.14","@polymer/paper-listbox":"^3.0.0-pre.14","@polymer/paper-spinner":"^3.0.0-pre.14","@polymer/paper-progress":"^3.0.0-pre.14","@polymer/paper-icon-button":"^3.0.0-pre.14","@polymer/iron-component-page":"^3.0.0-pre.14","@polymer/iron-scroll-threshold":"^3.0.0-pre.14","@webcomponents/webcomponentsjs":"^2.0.0-0","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.14_1525221427338_0.49357591089747554","host":"s3://npm-registry-packages"}},"3.0.0-pre.15":{"name":"@polymer/app-layout","version":"3.0.0-pre.15","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.15","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"ecc35a4d380b72bfb58b2df4d2a64d2c230d064e","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.15.tgz","fileCount":146,"integrity":"sha512-GWaaX1t44JEm34VAEnRMfsqmnuFBi4Yo4GDSbaY5OvKhXQzKVqiHpxHGdTm5s9dwwRbzeO3bPzFBZzr+e1pOKg==","signatures":[{"sig":"MEQCIAKPIiPsIj2pZ95d7SaX5p/VNiU7qDtSnuLQSV25Xe+tAiArkKPqk06holLG9DsNxGJ7XSFNYVvWPFy954ySw0k3uw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1492264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6iVbCRA9TVsSAnZWagAANUQP/iDb/tB2Lk4/1CxNEm+e\np5+LNPRY0NE6mRfU0ABiXoU68ohzCiHjikbwWrsmFPxTsTnwpq+X4ehLUVvt\n6lA6IxRPS1TGtEwjS7+yH/zQAXT5gdXciypUCczkqIyjGsqcUT9sG6MIp32e\nMZwnPvnamkKjmtRBYTEnhdcm278Z/Pg6o7v9D4bt6garV0acSlWO43oET3Cn\n1DsotLdxIE2SHPyY4gZ6faJhfOsSQfaL1TUIphtxlC9Ds76ZZExSbatmo+iE\nj8tTJq5I8NxK3liG8L9DIipIU5CGM32nqmivF2CND9X3tzB1Tnu6jhRrZcbi\n4xEY1zK0CemKcO3peNESOGRltA5i4aavzObPfwLvrjJsO4i4fVcQGlfwwtgy\nJ12Oltfcq8myQ12g2ZuzTwYf1Bt3vck4XBxvXJcm0fGSWy0peqq1g9uOBqYm\n4J38UlyA7CmBWDE/MB5iAMQobzl/wN9q+zbr2vMCNzEnbRJvFdR8Go3wEz4E\nSFXmyPAQP3LHKN/umZnGY3BBqRMijG/iwhtF01s+vL9SIZ4SdAGQFZlWu4rW\nSiSAiZ9yt4msY/zDNmfbokByEp3nRvLUpTCZe1+0d3wXo4c5cX3ZzQzHOFY1\n+8CK0xy7eQwSTwLFp/PbwzEVJ+njDKmKOoz+tMOs8uhRHhpJJrKNpszuID5P\nJA+i\r\n=/45R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"b03c6f97c607cefadc6e7fb190245e18dad24381","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.0.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.13","@polymer/iron-flex-layout":"^3.0.0-pre.15","@polymer/iron-media-query":"^3.0.0-pre.15","@polymer/iron-resizable-behavior":"^3.0.0-pre.15","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.15","@polymer/iron-list":"^3.0.0-pre.15","@polymer/paper-fab":"^3.0.0-pre.15","wct-browser-legacy":"^0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.15","@polymer/iron-pages":"^3.0.0-pre.15","@polymer/paper-item":"^3.0.0-pre.15","@polymer/paper-tabs":"^3.0.0-pre.15","@polymer/font-roboto":"^3.0.0-pre.15","@polymer/paper-styles":"^3.0.0-pre.15","@polymer/test-fixture":"^3.0.0-pre.15","@polymer/paper-listbox":"^3.0.0-pre.15","@polymer/paper-spinner":"^3.0.0-pre.15","@polymer/paper-progress":"^3.0.0-pre.15","@polymer/paper-icon-button":"^3.0.0-pre.15","@polymer/iron-component-page":"^3.0.0-pre.15","@polymer/iron-scroll-threshold":"^3.0.0-pre.15","@webcomponents/webcomponentsjs":"^2.0.0-beta.2","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.15_1525294427450_0.3436243242784378","host":"s3://npm-registry-packages"}},"3.0.0-pre.16":{"name":"@polymer/app-layout","version":"3.0.0-pre.16","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.16","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"5b275a185a9ac73fb9cb31bb7ab7d37f545c9abe","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.16.tgz","fileCount":146,"integrity":"sha512-Kjv555xYmZLdIBVLF6Vn0VAkUrCYRaqsk7SdJQJXElFyeZPQ6O/yRgp3mWYUJDsp3OloYtEORKzmMFAGthvSoA==","signatures":[{"sig":"MEQCICqisxyYuO2+hYNOej7Q1rZRJFCTitjcZjICSQLBCF7nAiBgXlUdaPHuOkiocURHAVrlOI6Thy5lBlbSpX7LXi4fAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1492264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7MAFCRA9TVsSAnZWagAAuA8QAJ4ohBmtQWlq9TN2fDtu\nKSmnDy+FJmNJt8f0n373Gs2fGmaCMsvXOPzspHu80IJk6YFlv3lupHaSZ2Ex\noE0bTzOCL22WDy7N/HgglTvloMob3R4hO8Xi/fc0tzg4G+bcijOb2T85foun\niBA5srWc01G8E9B2XHwp7SXa10eJWXOZY5H2AWSbIbDkKRZ9JytkkizG87I3\nDwULwc4pnlCbaZtbOTb1BtbTAm6V6Z9zRrtW4kI3ZFh2EnknDmrVy3wWn9Cy\nk1bONYF5/FAsKuCqhINR0s9cdGSCrkLwcwENrOIx9Nj9hFjygZ6/JaUltjzO\n9p8Zq96X0t1JmZg5s6R2k63v8g6t5MAJ7yJHQFhYNQC4pcK6KAPaoQACm/qi\n08jqpxJLp4qWY/5abj0kInLtyqoE+iXMNxOz1mJqeuFcOBiWdg9++0YLtdtS\nV8KbRaXe573FXCsy1h54leh6F18ae4DYV8WXa5OfyPhCsm2+rqrD4hZG/tgw\nju2Fd70hvY2CzMbsCicjW2b7Yj0hcckI1gjXaWRvVYtwClzhefe0iMV5mGbG\nk69H4coiMFqnFSk0YBy5ALNldE88+tJ14kL6eiZ1ruG9ozUE2Xmnmr/r0fG2\nPxo+xrMJPOC6XJ+5Kkqn+dSBcrSfQr6S1MFdRXGpY6iT25gi6DHkBPvEE5nP\nNix4\r\n=NdhH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"74245b481cc36516e0191fc897f1882e0cf00c44","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.0.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.13","@polymer/iron-flex-layout":"^3.0.0-pre.16","@polymer/iron-media-query":"^3.0.0-pre.16","@polymer/iron-resizable-behavior":"^3.0.0-pre.16","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.16"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.16","@polymer/iron-list":"^3.0.0-pre.16","@polymer/paper-fab":"^3.0.0-pre.16","wct-browser-legacy":"^0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.16","@polymer/iron-pages":"^3.0.0-pre.16","@polymer/paper-item":"^3.0.0-pre.16","@polymer/paper-tabs":"^3.0.0-pre.16","@polymer/font-roboto":"^3.0.0-pre.16","@polymer/paper-styles":"^3.0.0-pre.16","@polymer/test-fixture":"^3.0.0-pre.16","@polymer/paper-listbox":"^3.0.0-pre.16","@polymer/paper-spinner":"^3.0.0-pre.16","@polymer/paper-progress":"^3.0.0-pre.16","@polymer/paper-icon-button":"^3.0.0-pre.16","@polymer/iron-component-page":"^3.0.0-pre.16","@polymer/iron-scroll-threshold":"^3.0.0-pre.16","@webcomponents/webcomponentsjs":"^2.0.0-beta.2","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.16_1525465092010_0.004753715612259679","host":"s3://npm-registry-packages"}},"3.0.0-pre.17":{"name":"@polymer/app-layout","version":"3.0.0-pre.17","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.17","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"5c88f691a03172612fb3bbd0227599ae0d9f2046","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.17.tgz","fileCount":146,"integrity":"sha512-4WEYM/mDFKrVhHv1U4gwgDTkStG5fGIomn22noAKHeVksGHkY6fr9tu+O3uMb4DMEbbJEfZ/l9olL0Odb8vdGQ==","signatures":[{"sig":"MEYCIQCUX8nHtu16Tq0BDtY8FO6k80867sTg+2AAU1q3+G3OSwIhAJ4EP9kNbqCKMTb0rZkNrxaVriyp1pIaCCRJQiyaT8dB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1492962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8TCxCRA9TVsSAnZWagAA9t0P/0jiCCXOuBosdkjY+8vl\nEQomWION0xdvGtT7Yej9uLVqAyoBGCc8f45QpftBE4FPHg6EGY4vOrdfjwze\n5SRp84wm7vVw21KUrhuXtc9hJbP4iXRpGBFA3Mp1oRkCdYOHWnnZZ2H3z5kX\nG9OdXe6Ev9jOrfvWxeeQKl16fZv/gM+HhviPY/lT45RmNhWtdBXpwe9sx5en\nwbYLqULfsm15EDbNDyToBtuwNsoWrLzdzlOU1c8o42PzV0HtWUDpVoHmOuM6\nSaO4xSQU5FCjictw9++zhgCYBQ+Qucfyna7WCsp6duBWmf68+nQgR/2NVM3b\np8iGo6KzQDv7afMT/1+Ac4NppKCe9P81h7ig0otOc3acEKMQtV1qgtV7B5s2\nqcrRAkcFoQ0O14OwtrHrXko31HEVPfqj17xuFEYAhlopZs1v+SA0f38nY8UX\nSC+fkR8Se/k3TfUekS5A57QteHP2EhPZ+MZd9pJ1062bUT/dE9iIHgKpL3H0\nJScHaCHynNIXnu7ezyKQTw8aoZinmy/bbZTkERm/EU5cREH3FVKkdOXgVaYD\nrqTDHzh/OUCcLpLle9yaOP8HILyIlagUSZ904Cvy6SJRh8UhfE+DqyegB6DE\nb1E862HZfbkQrnRontMZAVukfZjDgFdJ2/OJinVEZlZtTIVjPTa7htvFcok9\nc8hK\r\n=PyNF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"7ac3f99910842e2e35e72bd2d39a8bbe18e3de85","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.0.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0-pre.13","@polymer/iron-flex-layout":"^3.0.0-pre.17","@polymer/iron-media-query":"^3.0.0-pre.17","@polymer/iron-resizable-behavior":"^3.0.0-pre.17","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.17"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.17","@polymer/iron-list":"^3.0.0-pre.17","@polymer/paper-fab":"^3.0.0-pre.17","wct-browser-legacy":"^0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.17","@polymer/iron-pages":"^3.0.0-pre.17","@polymer/paper-item":"^3.0.0-pre.17","@polymer/paper-tabs":"^3.0.0-pre.17","@polymer/font-roboto":"^3.0.0-pre.17","@polymer/paper-styles":"^3.0.0-pre.17","@polymer/test-fixture":"^3.0.0-pre.17","@polymer/paper-listbox":"^3.0.0-pre.17","@polymer/paper-spinner":"^3.0.0-pre.17","@polymer/paper-progress":"^3.0.0-pre.17","@polymer/paper-icon-button":"^3.0.0-pre.17","@polymer/iron-component-page":"^3.0.0-pre.17","@polymer/iron-scroll-threshold":"^3.0.0-pre.17","@webcomponents/webcomponentsjs":"^2.0.0-beta.2","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.17_1525756081036_0.38498203356877303","host":"s3://npm-registry-packages"}},"3.0.0-pre.18":{"name":"@polymer/app-layout","version":"3.0.0-pre.18","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.18","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"83431fbeacddd8f4adcdca9102aa037e093d222e","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.18.tgz","fileCount":145,"integrity":"sha512-wzTVcJNk4smgbZzw8COAIGPw52XL+URg0awW+byxB7NTvm6YID7/hcJmX+8KLAaxB2oA4Ymq7Lgsc90UGijNZw==","signatures":[{"sig":"MEQCIF2rAjWCb1hwMpRpjy4WEhCe3pyHy9PnmX9p4YVbb94lAiBX6xBiy4Suyju/lqqV/TQQ3KlCzN2rRCFKhegmXNGMPQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1489719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8sbBCRA9TVsSAnZWagAAVjgP/iNw5dbvA4DJhdNk5pTF\n8Ju3cVaMb3YlozYoO6rnz+uDk0jPV+caPabf/su6V+wNuArrGIZd/F0P25kB\n0Bg5v6umkD4x4U1DOtAURogOdM6lb7+4TKWU23kGpyoQZ0AgG8SWvUm5RfeF\nVSZJlh7F8w+QUgfGdb6BPK0ecwhVbaJdsSd20XfK4WNSC4jaZ3GthWNPaii2\nwCYmFfzhs/AlcUbeP3xSUe2/7q2whRsY2Y+KaCnj1Ho/0pumEL4o30KaOjkg\nsJBU4A8p3aSDQNBBFadZneGruVsDDJVdYMczknqb9kdh70XtLP2P/f/Vr8Vf\nCGbzaONSk0X2Jdf9yit4vLhWqfopLQN5j56iEdFw2/V1OM+Mqc1FXmv0+xk9\n3RgdJoQqVDGTrMvFSUZg5gfarQA5BpBu5NbjzSVfDTGut9m4C+4F7wCarTqb\ne0ikUvYkGNyxl2OTu9oxrOSijqgwmUbxe7OjxCPpysS+pcholqv7spGK9nUS\noV2RIhgdQ7NduAdHNYmR52VllOU7KAkqQvpUoBiUOUUxMLYlm3s55Kr4B6vC\nXwy9HYLM1DQ4mWXUxeomtty8BXtO8j0jgJ6X6CyTLvfSS65vwaWUPtkI8YwC\nfKnH7zhkTABEODAuwXXZT4I1qrUvK8vQPxMofxYmKO/IFvKd8+WFMARh5FXG\nucVl\r\n=27UX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"9b51203b731a5659db59913d0a4acb080fb03b4d","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.0.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.18","@polymer/iron-media-query":"^3.0.0-pre.18","@polymer/iron-resizable-behavior":"^3.0.0-pre.18","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.18"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.18","@polymer/iron-list":"^3.0.0-pre.18","@polymer/paper-fab":"^3.0.0-pre.18","wct-browser-legacy":"^0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.18","@polymer/iron-pages":"^3.0.0-pre.18","@polymer/paper-item":"^3.0.0-pre.18","@polymer/paper-tabs":"^3.0.0-pre.18","@polymer/font-roboto":"^3.0.0-pre.18","@polymer/paper-styles":"^3.0.0-pre.18","@polymer/test-fixture":"^3.0.0-pre.18","@polymer/paper-listbox":"^3.0.0-pre.18","@polymer/paper-spinner":"^3.0.0-pre.18","@polymer/paper-progress":"^3.0.0-pre.18","@polymer/paper-icon-button":"^3.0.0-pre.18","@polymer/iron-component-page":"^3.0.0-pre.18","@polymer/iron-scroll-threshold":"^3.0.0-pre.18","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.18_1525860032600_0.033861000130307906","host":"s3://npm-registry-packages"}},"3.0.0-pre.19":{"name":"@polymer/app-layout","version":"3.0.0-pre.19","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.19","maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"76b0ace980fa3033ffa4810b931a58d29fc48b33","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.19.tgz","fileCount":145,"integrity":"sha512-muzusDvipeLZL7VFf+15EzpFXrHDFZOPtZyV4pohVZMSdPtGpmwVDWaAORmAveBClkFG4oZ7iPSCglYkA6zpOg==","signatures":[{"sig":"MEQCIG2KXM8EtIDubY79PRQmuXKbl4XX0inqMHIRmfX6C4vmAiAxu6DjLDv0bzsaVZTvHpssVAmul/+x7keRpsZ1gPBKPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1489719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa81gyCRA9TVsSAnZWagAAFk4P/2xiUaLJ/7ZmUDyOZE2T\n/vBJQNcSiHwX2a0v/C8CypOirjTTgYVvFAQUaKGxiOkx4yKB8oInvJajbNCF\nSoBJANLo2HQSWr5C6yTBVOWJ1I9cGVa3lISRJCmaJ5OhaoVHhDXggLVZK0/d\n887kRGw7Q69qGpjwZi6EMX6NSifzZMebn0f83OLiU01/akIGB6V2EsB7fdTM\noQ1eumqQEcASquqc3Q1NAqswkjbEGNmCLfx0pb7Aql+vmV2H6Y82HhM3H0WH\naakl8FlQPod3FpTt4M1asYHGnsYbIvf4lcsLdkKCwIVhxr5QV4fZQR4VxHYn\n9ggujAr0QF4P2kvQUQ8FhqKpcYtnInUTdROI9+AyI0zS36rKD3nIfkqqhI1L\nhKqx58uFEHZTNCrQZwatIeWNAvQrlCdKs6gI6sb0LzYEGbr1fkkY1wiB1a1c\nLobuSZMK+ZacIOjwqgLbIhLUo/4brSJGnEHEi8V7qX00PNPb1I9a71K6mxKc\neDByo26L/Ls1jIbv1kZFKmEItWFlDligurHvLrXv1LNMMdXP9rwJW/qxLCCP\nV9g9p4EUxM7vkSRAK98HwuD5yomOYlt8VadNt5Nh5AZm/agOdOePA52AXYUn\nqWF5bPSrm3N/+07nzCr3xITuyCvqxv0DWghGidI5AZnIu4nh6xT6KVeN57Z/\nN5//\r\n=+pV7\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"53bf910ed88cc0c2524f055701a48f6710229782","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.0.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.19","@polymer/iron-media-query":"^3.0.0-pre.19","@polymer/iron-resizable-behavior":"^3.0.0-pre.19","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.19"},"_hasShrinkwrap":false,"devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.19","@polymer/iron-list":"^3.0.0-pre.19","@polymer/paper-fab":"^3.0.0-pre.19","wct-browser-legacy":"^0.0.1-pre.11","@polymer/iron-icons":"^3.0.0-pre.19","@polymer/iron-pages":"^3.0.0-pre.19","@polymer/paper-item":"^3.0.0-pre.19","@polymer/paper-tabs":"^3.0.0-pre.19","@polymer/font-roboto":"^3.0.0-pre.19","@polymer/paper-styles":"^3.0.0-pre.19","@polymer/test-fixture":"^3.0.0-pre.19","@polymer/paper-listbox":"^3.0.0-pre.19","@polymer/paper-spinner":"^3.0.0-pre.19","@polymer/paper-progress":"^3.0.0-pre.19","@polymer/paper-icon-button":"^3.0.0-pre.19","@polymer/iron-component-page":"^3.0.0-pre.19","@polymer/iron-scroll-threshold":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.2.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.19_1525897265039_0.2860754662573193","host":"s3://npm-registry-packages"}},"3.0.0-pre.20":{"name":"@polymer/app-layout","version":"3.0.0-pre.20","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.20","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"6faa06ce376d5de42d83a6ca182b71b8a01d291d","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.20.tgz","fileCount":146,"integrity":"sha512-V90tc1DmDjJEOGN+8MzwwYDsMXLKhzhBhxaGOq5XsAdKvGR4YiRDR5YLibVwi41ZT2AM7uPXKprzCDmDBTR7nw==","signatures":[{"sig":"MEYCIQC50auNozWNL8/rrOq+y7aqfo/bwDBYT/0sjgXJsZpDrQIhAJJUMF2ZqUo2KQzwcylnvJxkph7mrvWqp/tSEMjfaFFY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1489588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbLZHECRA9TVsSAnZWagAAvYEQAItHT6ZhSkfbElExM9eE\n7ryFyZjV/0bdfd/6a/RJnE7bRBVu15oOY29qx+zr7rwNIP5c0n+H5ObfOTk5\n9JnB1zaC6oXDCQ/9Nesuqt03JuWO2MAypMIvVzK81bXQk1FWO3YoMtphfy9v\n/h5/dL6wxOsJKRgGXVexg4WVhutY95msx9C204TdBrgwUlgw7/yEOQfB4c42\nup6Rdacjd99V5o//6f9gvAn4HS0UnW/4ifPsUrcPqlzy29zvRgblW99jkcKP\njJ1IyNHFTatg/kyD9Enh4kqWaERRNfs5n2zieN4XVzHgL3mSq7vgm6apWdb/\njaKw8V82jL2TXQRn9do/f5eFt7FEj2uDoepk+bos1r52eVO97gPZGy6fj4qA\nGk11FQfvb2SFDG1LbgTeNLctO+V0rUIA0Jwiz0O2oohrJlJxusICRWO+YmK1\nla5CcE6W3UMZRMKTJp3N2U+WQ5Z0B6ejmH4ob8h9g32qm5cGYD2UlaWnZ/QG\nuPTDy0ou4hawthIRhxzajytKAikgBVIaPjt0FT0DVuYHqSsgGpB4EkCslHAD\nsn+A767KlYgPUaOHd7iNaEnqm65Ond+bRqCCo4ajax7AVOA929JeB8vnkEzz\nn7dXoJ2SQNvb6dQ86qCnjqxnrPI9AZjLTh65wZUl9UCAOHfqgJgN/oaYAWf9\nwus8\r\n=Fhwa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"# App Layout [![Build Status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PolymerElements/app-layout)\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.js\"></script>\n    <link rel=\"import\" href=\"app-drawer/app-drawer.html\">\n    <link rel=\"import\" href=\"app-header/app-header.html\">\n    <link rel=\"import\" href=\"app-toolbar/app-toolbar.html\">\n    <link rel=\"import\" href=\"demo/sample-content.html\">\n    <link rel=\"import\" href=\"../iron-flex-layout/iron-flex-layout.html\">\n    <link rel=\"import\" href=\"../iron-icons/iron-icons.html\">\n    <link rel=\"import\" href=\"../paper-icon-button/paper-icon-button.html\">\n    <link rel=\"import\" href=\"../paper-progress/paper-progress.html\">\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<app-header reveals>\n  <app-toolbar>\n    <paper-icon-button icon=\"menu\" onclick=\"drawer.toggle()\"></paper-icon-button>\n    <div main-title>My app</div>\n    <paper-icon-button icon=\"delete\"></paper-icon-button>\n    <paper-icon-button icon=\"search\"></paper-icon-button>\n    <paper-icon-button icon=\"close\"></paper-icon-button>\n    <paper-progress value=\"10\" indeterminate bottom-item></paper-progress>\n  </app-toolbar>\n</app-header>\n<app-drawer id=\"drawer\" swipe-open></app-drawer>\n<sample-content size=\"10\"></sample-content>\n```\n\n## Install\n\n```bash\n$ bower install PolymerElements/app-layout --save\n```\n\n## Import\n\n```html\n<link rel=\"import\" href=\"/bower_components/app-layout/app-layout.html\">\n```\n\n## What is inside\n\n### Elements\n\n- [app-box](/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\n## Tools and References\n\n- [Polymer App Toolbox](https://www.polymer-project.org/2.0/toolbox/)\n- [Material Design Adaptive UI Pattern](https://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-patterns)\n\n## Changes in App Layout 2.0\n\n- Distribution is now done with slots, so things have changed because of that,\n\n  ##### app-drawer-layout\n  **1.x**\n  ```\n  <app-drawer-layout>\n    <app-drawer>...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n  **2.0**\n  ```\n  <app-drawer-layout>\n    <app-drawer slot=\"drawer\">...</app-drawer>\n    <div>content</div>\n  </app-drawer-layout>\n  ```\n\n  ##### app-header-layout\n  **1.x**\n  ```\n  <app-header-layout>\n    <app-header>...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n  **2.0**\n  ```\n  <app-header-layout>\n    <app-header slot=\"header\">...</app-header>\n    <div>content</div>\n  </app-header-layout>\n  ```\n\n  ##### app-box\n  **1.x**\n  ```\n  <app-box effects=\"...\">\n    <img background ...>\n  </app-box>\n  ```\n  **2.0**\n  ```\n  <app-box effects=\"...\">\n    <img slot=\"background\" ...>\n  </app-box>\n  ```\n\n- In `app-drawer-layout`, the `drawer-toggle` element needs to be manually hidden\nwhen `app-drawer-layout` is not in narrow layout. To add this, add the following CSS rule where\n`app-drawer-layout` is used:\n\n  ```css\n  app-drawer-layout:not([narrow]) [drawer-toggle] {\n    display: none;\n  }\n  ```\n- In `app-drawer-layout`, if you specify a value for `--app-drawer-width`, that value must be\naccessible by both `app-drawer` and `app-drawer-layout`. This can be done by defining the value\non the `:host` that contains <app-drawer-layout> (or `html` if outside a shadow root):\n\n  ```css\n  :host {\n    --app-drawer-width: 300px;\n  }\n  ```\n- `app-scrollpos-control` has been removed from App Layout in favor of using multiple scrolling regions to preserve the scroll position. In terms of UX, [`document.rootScroller`](https://github.com/bokand/NonDocumentRootScroller) is a new web platform API that will allow non-document scroll to hide the address bar on mobile.\n","gitHead":"30b6d3bb91873b95321904c161de7e55d2e005f0","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.1.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.20","@polymer/iron-media-query":"^3.0.0-pre.20","@polymer/iron-resizable-behavior":"^3.0.0-pre.20","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.20"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.20","@polymer/iron-list":"^3.0.0-pre.20","@polymer/paper-fab":"^3.0.0-pre.20","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.20","@polymer/iron-pages":"^3.0.0-pre.20","@polymer/paper-item":"^3.0.0-pre.20","@polymer/paper-tabs":"^3.0.0-pre.20","@polymer/font-roboto":"^3.0.0-pre.20","@polymer/paper-styles":"^3.0.0-pre.20","@polymer/test-fixture":"^3.0.0-pre.20","@polymer/paper-listbox":"^3.0.0-pre.20","@polymer/paper-spinner":"^3.0.0-pre.20","@polymer/paper-progress":"^3.0.0-pre.20","@polymer/paper-icon-button":"^3.0.0-pre.20","@polymer/iron-component-page":"^3.0.0-pre.20","@polymer/iron-scroll-threshold":"^3.0.0-pre.20","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.2.2"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.20_1529713092472_0.8592748733613986","host":"s3://npm-registry-packages"}},"3.0.0-pre.21":{"name":"@polymer/app-layout","version":"3.0.0-pre.21","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.21","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"d6312cfd3ccb70112996049334b550371cdae867","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.21.tgz","fileCount":146,"integrity":"sha512-yQpUQR3zFJWb/sS5wU1prcuyjL6yzKD7L+qRoK0TYLcS7kHO6k3vB4ufHg//lN4HHhOvw3Q5dwe2bgVdlm0ELw==","signatures":[{"sig":"MEYCIQCq6ljaJVw9l3dR2bWQG9CGkIBy7RtOr7lI8MLPbiKqeQIhAP1ABJXQXbx1DWB0KomwBF6nCbrNFzGGzEt4F5J2xwl0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1489588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbLZ0LCRA9TVsSAnZWagAAycwP/ifDD5X9iU1dF7CHjBnk\nI2RhKT5zcOPw9Haxd9PN6Fb0cf2q7xebI1zN1h8DJZzjimHLlgmo5cn7sS+t\nlSgD6Qh1mV2rEq/dqvRhoZm07Q3zI/a6BDA7W8aDJoKfSpyxtgJ/8FVMho0D\nukcy1e8udrtxRaDsJkWgopjParyxSShCPIfpNBUqTO+CKXnDIBIhnZK4SUDG\nIFS03ToS4It0yeGYDI4SnEGb4xqDme852JBxa9E7nW+ZTZ8wXY2Pv2g+w+Xw\n7nqwD9tRoXk0AMvsOFf6ZXdrY9SAwnqxCZXDTITa4dNIY6wB/PuFtqZpG6ZL\n7ztWjwQ9fneUKnJUBF38xczbuOmFKssB0xzTAsVlcQCxcwENbzDH5AFo4IsO\neozPfk67poGgfNLTEOwPuWgeIfe7IjY7WDUkNZ75zst4Pkj3Fe5tGsM1EyR8\nU/mn9UIbJGRIzC5VFixpug9ZlXgRHRKgW0GmcxPfNs+2TQ9g/L6eMKN1zAWj\ngUHbc7P8EIGa7ePTzxWn/veVeXvY4FuS3BidNwLRNlzmrUXS3QeyS4aIOd50\njmK6ceGNwwyqNtSucr5D9IEofpKQu+92Ta4fR6p9q9eGUWjUCPmFfNzs5U9U\nYdhsRc62rewjsE0ePBjmdZrLNMw9QeEjfyEYiV2yi2o5LLrEMS/GohJ2c4AH\n66UW\r\n=u6Em\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"746b98fd05713ecb529f002cd4bd101b86b95319","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.1.0","description":"A set of layout elements for your app","directories":{},"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.21","@polymer/iron-media-query":"^3.0.0-pre.21","@polymer/iron-resizable-behavior":"^3.0.0-pre.21","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.21"},"_hasShrinkwrap":false,"devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","es6-promise":"^4.0.0","@polymer/iron-icon":"^3.0.0-pre.21","@polymer/iron-list":"^3.0.0-pre.21","@polymer/paper-fab":"^3.0.0-pre.21","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.21","@polymer/iron-pages":"^3.0.0-pre.21","@polymer/paper-item":"^3.0.0-pre.21","@polymer/paper-tabs":"^3.0.0-pre.21","@polymer/font-roboto":"^3.0.0-pre.21","@polymer/paper-styles":"^3.0.0-pre.21","@polymer/test-fixture":"^3.0.0-pre.21","@polymer/paper-listbox":"^3.0.0-pre.21","@polymer/paper-spinner":"^3.0.0-pre.21","@polymer/paper-progress":"^3.0.0-pre.21","@polymer/paper-icon-button":"^3.0.0-pre.21","@polymer/iron-component-page":"^3.0.0-pre.21","@polymer/iron-scroll-threshold":"^3.0.0-pre.21","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.2.2"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.21_1529715979060_0.9531343150173053","host":"s3://npm-registry-packages"}},"3.0.0-pre.22":{"name":"@polymer/app-layout","version":"3.0.0-pre.22","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.22","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"f7bbd66671e6606de5fe095ba092bf84e86dffc4","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.22.tgz","fileCount":161,"integrity":"sha512-V/GOq3XAYSjB5scgy2wyfWAJIhM2GqcibJ7iRmEMrCR2y8E0ykPzySITzTPyHNu+coBHsXfBB+eC6Bf738CwBg==","signatures":[{"sig":"MEQCIHa6r1q2pnaKp/DuhQWA2CPdZAr3Dgw51zADAurCoSkeAiBmp20jyLrxq5VaykQ/l6G2+ybK0yJ8vo41uzbVVgEN3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1521375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbgMk1CRA9TVsSAnZWagAA7fYP/R5aUgj7deRwllSgMEkG\nLvjSShiw/tbHJrLyMiqF71LLSF05p0+ukar55y2T7Cglx1QN16qAS4pe2aiJ\nXowx1+M06CEosQ4COM4Ubl+c8mJuCv3FCeqBwwm3U50gwgs6Q4j3luXpWr8H\nRvf50qcQh2aVD8PiUK/9ERDJ5cikqhQbsU9s0/u+/sW972fdMutLhvWau0aH\nVyD/zPFhtrkKXAAzOHM6LpKNNWskFdsh8ZtxnDJcg+eVC5Arg9X3fR2+kE5f\nZsy3L2AGV12Bw4tg896Pq9pN2r3U0VUf/hfU90AgshXYwxLKH4RHEVbqbOwq\nqfNCVUu52JfjKZQFBbZUa/pCJTKlJY2SqtJ4K/3V/6H4jECJWcZEg8iysnjk\n2YeXBlSyeKy31KojMAJnDd9sjaeqBhp2sbh06SPUIbcN4BnywAZWwFAMpqau\nMvmVTXzfERnmCBjD91WL3hA1qjwiZ50I88EQfD11yvbl5+hVGAT+RUsEI8+X\nQiBRxHuZnad+oA73yeZva0zeO+8H5bN1+b3GkMXs4WiWRca7GDcjB0iEx6WT\n6GjmGFmbu6/m16S9t/PhzUUJPE5GL+1Y5kRPbMl028Tpwn1Z39FrQObNqUoW\nsjhqbQhzfSxIZ/Tv4JhEViH9DHLeYwDU02WYW2KvOvlccnv704mpkUBRRy3Z\nFBI0\r\n=d+I1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"1a95269ab8732f27ee7e25f1a7e27444ac67eac3","scripts":{"format":"webmat","prepack":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"bicknellr","email":"bicknellr@gmail.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.0","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.9.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.20","@polymer/iron-media-query":"^3.0.0-pre.20","@polymer/iron-resizable-behavior":"^3.0.0-pre.20","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.20"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.20","@polymer/iron-icon":"^3.0.0-pre.20","@polymer/iron-list":"^3.0.0-pre.20","@polymer/paper-fab":"^3.0.0-pre.20","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.20","@polymer/iron-pages":"^3.0.0-pre.20","@polymer/paper-item":"^3.0.0-pre.20","@polymer/paper-tabs":"^3.0.0-pre.20","@polymer/font-roboto":"^3.0.0-pre.20","@polymer/paper-styles":"^3.0.0-pre.20","@polymer/test-fixture":"^3.0.0-pre.20","@polymer/paper-listbox":"^3.0.0-pre.20","@polymer/paper-spinner":"^3.0.0-pre.20","@polymer/paper-progress":"^3.0.0-pre.20","@polymer/paper-icon-button":"^3.0.0-pre.20","@polymer/iron-scroll-threshold":"^3.0.0-pre.20","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.22_1535166772179_0.09296012407413112","host":"s3://npm-registry-packages"}},"3.0.0-pre.23":{"name":"@polymer/app-layout","version":"3.0.0-pre.23","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.23","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"ef4baca0d88366bc4af2995f46c452ae35f4141a","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.23.tgz","fileCount":161,"integrity":"sha512-WpvBD9u8nUDT1ChA9DNXcVP6Yed6bXARPbuhvyIqTieN6APrmXIwUqzT/PoDZHuCdvOGvM2gzS8IPbwx/9Jq4g==","signatures":[{"sig":"MEYCIQCJYv8k14u+fCgXGGq++3Qmf6JK8cXKBV3zEWjrhlt/zQIhAMUOW/OmlQhRY7o8fy14tKdnfQXLkNS5QNnLY3CnGmrb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1521583,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbgP9QCRA9TVsSAnZWagAAELIQAKTY7Ksjx/+eo3gEv6++\n4ZWExCF1PaToY6ACul5K3PCgEeyhJzqnU+i49Yey5YxDbI/xKi0gToL1oZx1\n+a7egAhy4e3czyCNx804bQG9Q3W4Lrph5bB2T9DqkBa7Ns9uXcsFDU6/EXxn\npufvshVyh4yOlfn2x3sdusWF6WqnS3G/D8G3dskoZa3Qsyr6L+ip8rX+Vvwn\nr9zA23BYa3YJ3uLTi5wmubbIyeqdq7OvP/uc8J0wqI4xeRgzfATBCuLVoQGs\nGrl1HcbRxlULwIeK0kld8/xDs1Lqyc5+PwW/yH0xgJu60xsL9Ixhm9TIb/jz\nSURbQ1yrGHI/gTIZsLWRwPYkteGySgZn77fpH94cb2/dZpq8zoz1F13CH/d4\n0ulJ5n6RHGReJFVHA+wKDAZVj0fGLyiJCCqgMpSEuYqedAs6dzngyQ2z6c9L\nsARg4KVpr3RPTfuXSqvMNUQHPqXIXt+KRbFSqIR9WaSz3K3GegRo9XFTu3UP\nCG48cu9Ukmjd3hKGvDoSlZBvmWAnH4+JTwAymlm7B09ghFmXdqOD/K/Ap+u+\nJOXdZW3OafFGo9N+ZA2/6nWy5T0Ua8VQIk9M+YiLBmuWR8JXaUyIl2qkEdzJ\nzFJgmS0TbIRRDUCBaP/X69bj+zhyVb4SjJtp6XrDIhCFQmJtIMB8oDk7175I\n5QOD\r\n=iV8N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"c6852554c1d5f6275894f77bc76cf2d1221ea25e","scripts":{"format":"webmat","prepack":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"bicknellr","email":"bicknellr@gmail.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.0","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.9.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.22","@polymer/iron-media-query":"^3.0.0-pre.22","@polymer/iron-resizable-behavior":"^3.0.0-pre.22","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.22"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.22","@polymer/iron-icon":"^3.0.0-pre.22","@polymer/iron-list":"^3.0.0-pre.22","@polymer/paper-fab":"^3.0.0-pre.22","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.22","@polymer/iron-pages":"^3.0.0-pre.22","@polymer/paper-item":"^3.0.0-pre.22","@polymer/paper-tabs":"^3.0.0-pre.22","@polymer/font-roboto":"^3.0.0-pre.22","@polymer/paper-styles":"^3.0.0-pre.22","@polymer/test-fixture":"^4.0.0-pre.0","@polymer/paper-listbox":"^3.0.0-pre.22","@polymer/paper-spinner":"^3.0.0-pre.22","@polymer/paper-progress":"^3.0.0-pre.22","@polymer/paper-icon-button":"^3.0.0-pre.22","@polymer/iron-scroll-threshold":"^3.0.0-pre.22","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.0"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.23_1535180623326_0.6897921090055683","host":"s3://npm-registry-packages"}},"3.0.0-pre.24":{"name":"@polymer/app-layout","version":"3.0.0-pre.24","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.24","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"justinfagnani","email":"justin@fagnani.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"samli","email":"sam@sam.li"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"f2a99b557ecd18e0713e52c440c43fa0369fa271","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.24.tgz","fileCount":161,"integrity":"sha512-GSjeOfKb+IwRhLcoPuJ/jX0sb9dwJciKIh+kF2TcrvRrW+ncy10XdvtTshAXwFe+F3ySTkg+hQK7dM3AAvLlIw==","signatures":[{"sig":"MEQCID4Mwyq6BsDjFUoQzjvufVyk5WcUgpESV8sVRAUfRShfAiBBQMuubW6xrLPr5g67btGJmBXTFB6zaQPcDSCut8n31A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1521784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhgbcCRA9TVsSAnZWagAAMUgP/RUA7N86W+CL/oXfoPFK\npbcwgr6+aoxNWVCGAh/OAihfeMZQYdX3Vv+OI7okz+4s9JrH9E2SfGdHIKA5\nvBD4Q6j5miFusiu9scB9zZvNZVn07QfIbH4a+7kWsIuVk6jKly8MTvKMVOfO\nIkv0eMq3flnipt3FIZAryXWxlDBXOJhNIoiO3vgTuN8lv4xQKOljSJl+6yk9\nzKpPemAdcgCCzZo9OoaxccSrmoI0xMRpdDj86YTDCH+M8zkITpYakjsoRt10\nskWmy2VKxfPHNnHKM4lOIGxhmWr15UJfzgN+lVIgOR9hfFsDcuPLZClBFGAT\nd1r4Po5Ddl8+HD4RH9J/ES7CIPXxV5SDffCjxZT3vR4/9aSkwYnKoH3cz7Oa\n/qypzDmYwcVwamVjBU3PWOrKYRctX72e5ab6Nfjb+qFGTT875sPmucEPxhQ8\nZt2zAsGiyV1YTO04pIz/7Kh534fbpu0BlErqkMpDsdTOxdH7GgjVNXK01keW\nAvyyPIo3d3pgy5OR5MYe7sDE8VhRa4VYjM1vIljoXp0FD3XGkVF4f/gcuey1\n40ZDW+d5HhQNzDTtM5oVpE6p2253n7URj5AaBiMUdAO52qGyt4RB9PcoeqjK\nyFEhAwyESPKvTRVbbdDvgFiyrELETN+sy435v5OUbR4wCZDUgj6bIaocUiN8\nghiI\r\n=myKi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"65ac326cca726cb0c885df73583cd72504034932","scripts":{"format":"webmat","prepack":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"bicknellr","email":"bicknellr@gmail.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.0","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.9.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.22","@polymer/iron-media-query":"^3.0.0-pre.22","@polymer/iron-resizable-behavior":"^3.0.0-pre.22","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.22"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.22","@polymer/iron-icon":"^3.0.0-pre.22","@polymer/iron-list":"^3.0.0-pre.22","@polymer/paper-fab":"^3.0.0-pre.22","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.22","@polymer/iron-pages":"^3.0.0-pre.22","@polymer/paper-item":"^3.0.0-pre.22","@polymer/paper-tabs":"^3.0.0-pre.22","@polymer/font-roboto":"^3.0.0-pre.22","@polymer/paper-styles":"^3.0.0-pre.22","@polymer/test-fixture":"^4.0.0-pre.0","@polymer/paper-listbox":"^3.0.0-pre.22","@polymer/paper-spinner":"^3.0.0-pre.22","@polymer/paper-progress":"^3.0.0-pre.22","@polymer/paper-icon-button":"^3.0.0-pre.22","@polymer/iron-scroll-threshold":"^3.0.0-pre.22","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.24_1535510235817_0.5663423238216154","host":"s3://npm-registry-packages"}},"3.0.0-pre.25":{"name":"@polymer/app-layout","version":"3.0.0-pre.25","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.25","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"justinfagnani","email":"justin@fagnani.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"samli","email":"sam@sam.li"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"b5ab9fe5265f78b6e10ce9371303757f1a773278","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.25.tgz","fileCount":161,"integrity":"sha512-ylCBk3yNvzfIDm7LZxdSc8SCTzPkcrNxMib2QwfY5iWMJtjyS4aDUAnbfkHQ4ry5VTqJJ3b6s+/Gqh7BfwqClA==","signatures":[{"sig":"MEQCIF0shiHcDg27ntZlyJ5eTQruEEaSaK7hghsnZOjFaxFsAiBxnggfFvTIZsdyxdNyTEYVkCNvWjrZckKLvuLhetxVZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1521784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhhgRCRA9TVsSAnZWagAA64gP/iBD9V9D6ZYDHhmnQ/Oy\n0IphfFLzSBRODkm5rfLFJl8bcxwbDAWCfAqTmlJsHHy+GAAsXZ0DxpYk/nZe\nSCXeH6s6ywLkZXU7kbYITlp/bnK3Nznwh/sy+fplZL80dZUdVdJfZjrF4UAZ\n85siSxmq05M9veR+ALmPBfXQATYp74HFWUau//ZcmUF6sQoLHZG9pPKw1KpQ\n8wIMbRjj6GDqqH1QF3Dr+90VPv0Sr4NlhLz8CZYQnMktwUUCYARxjBU9B4vp\nSdBUM3snS3GLX1EQx8ael7tuJlE9lSzRcvSGdPqK+/AxPTuO8DRCu0pt//zM\nVnpYH+skNJeHkYQ2zVLQipNvrbF1OGDSV3f8iysgQzZ9FRTnGwvU0D7wZ9ZL\ncwkPunnCJO6Q9blf4L3zjetweV/0SVaGl2afDSQJea9Ze9XSrTim9CkOlckT\n69p6vmZceI7wz6Lo2BwnSzkeEZO2s3oQTieD8MUkbXLqoZnvf53KHUVUloHH\niuNFoqHO6DOBWRZX/H8tzbnSYqsvhUaosC4t6H+WmTWdz+B9G96uOdlMtMkO\nWM58zIeHlJItIwNeP0cIqFwJMw1nwfoz41NvG+viqsdK8qy0bzMblGBCiiZd\n6vYCZ7nYXqm2J4bESv5/Q0oRjQfPup3PDISaUVI4ymwPfC3YrHVwhB+97IeC\n+Hcc\r\n=i9yk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"ef483548682e5f73db3a59dc1e76e654eccf5010","scripts":{"format":"webmat","prepack":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"bicknellr","email":"bicknellr@gmail.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.0","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.9.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.24","@polymer/iron-media-query":"^3.0.0-pre.24","@polymer/iron-resizable-behavior":"^3.0.0-pre.24","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.24"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.24","@polymer/iron-icon":"^3.0.0-pre.24","@polymer/iron-list":"^3.0.0-pre.24","@polymer/paper-fab":"^3.0.0-pre.24","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.24","@polymer/iron-pages":"^3.0.0-pre.24","@polymer/paper-item":"^3.0.0-pre.24","@polymer/paper-tabs":"^3.0.0-pre.24","@polymer/font-roboto":"^3.0.0-pre.24","@polymer/paper-styles":"^3.0.0-pre.24","@polymer/test-fixture":"^4.0.0-pre.2","@polymer/paper-listbox":"^3.0.0-pre.24","@polymer/paper-spinner":"^3.0.0-pre.24","@polymer/paper-progress":"^3.0.0-pre.24","@polymer/paper-icon-button":"^3.0.0-pre.24","@polymer/iron-scroll-threshold":"^3.0.0-pre.24","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.25_1535514641152_0.9471618533331392","host":"s3://npm-registry-packages"}},"3.0.0-pre.26":{"name":"@polymer/app-layout","version":"3.0.0-pre.26","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0-pre.26","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"justinfagnani","email":"justin@fagnani.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"samli","email":"sam@sam.li"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"cc2e63c607382ecdc282a78686ffddb3196d5a3b","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0-pre.26.tgz","fileCount":161,"integrity":"sha512-mTI+RgZJW4mhLK1lY/7VoJ/solxKOKotHNEpKZOdsDhja896EvsPK1Ij1zt7m24IDnGgSaMzUSbfK3tFTjhSaQ==","signatures":[{"sig":"MEQCID3dQctpbvZojOj8j0QZ94GLOZBVhdWiZtK95kzrKqGmAiB6u69tf814KzZPd1dq5NXp/NKqk8nA6aYTiIr6FG5imQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1521488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmGWtCRA9TVsSAnZWagAALcAP/2WAfNAOyVN+ILH/yH91\nxR0OjAkWJDKDaL+cEr40tas3QdV1LY8YhGsCTl6S813sqRZ1SnXGCqeOefwj\nYEKKXYWEQDZAbU3lBr+Fg82QGSeZjGM49XqDzQl2otHq6V2oA3n4W41OP7pw\n+tcXT99VMrcoxiDk5Gg32b7AyknbCSduL4cbCJH5P1FO23QEQqrtTjASYfZc\noQTcPY29Y18XvqDJsI28nSRVGdyW1OUKHq5J/2w73k63JWzBYlDFBhvpsZUj\n2xKK6EdbzZa7fhSvY8dWBAqmRFIrdSjwzXLbzPqI/6fBy/kGe40RJVo3wfYG\n1LR29j4TckK48XrOncEyAtB1ARvui9SWvu82rTBUbX8xWYK83cYit+Vw1YLB\nlY+igStf2RayDPd9EvrXTboLHV51jXSrMtgu/YMc7iksPe9l6CaIoZLk3WTF\ndPGLQEgkkGOS2yLL/+4ETxswWHLpQC+ELoeib3/QuuVZJj1VqKyE/AOtiOWt\nuoWBMWRkPvAJak6/ATgU4DEKz5XDf69yDRjYGLA2SI9/a+TMMazMfu2MdZTC\nqK4ibUR0mJY7MgVAI0oZqw+boAOT/UetC9cki8apMwo6mmJ8x+XGezfANaPT\nuKPNNyTdvQjSzpn7DWrYOP0PGBky6o+CUwP18gGq9EmDxAEfVHc6ekqTYYua\np56l\r\n=odPt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"0a345df89ce98db340ce62d2557bea341866956d","scripts":{"format":"webmat","prepare":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"bicknellr","email":"bicknellr@gmail.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.1","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.9.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.25","@polymer/iron-media-query":"^3.0.0-pre.25","@polymer/iron-resizable-behavior":"^3.0.0-pre.25","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.25"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.25","@polymer/iron-icon":"^3.0.0-pre.25","@polymer/iron-list":"^3.0.0-pre.25","@polymer/paper-fab":"^3.0.0-pre.25","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.25","@polymer/iron-pages":"^3.0.0-pre.25","@polymer/paper-item":"^3.0.0-pre.25","@polymer/paper-tabs":"^3.0.0-pre.25","@polymer/font-roboto":"^3.0.1","@polymer/paper-styles":"^3.0.0-pre.25","@polymer/test-fixture":"^4.0.1","@polymer/paper-listbox":"^3.0.0-pre.25","@polymer/paper-spinner":"^3.0.0-pre.25","@polymer/paper-progress":"^3.0.0-pre.25","@polymer/paper-icon-button":"^3.0.0-pre.25","@polymer/iron-scroll-threshold":"^3.0.0-pre.25","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0-pre.26_1536714156712_0.18085797113060953","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@polymer/app-layout","version":"3.0.0","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.0","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"justinfagnani","email":"justin@fagnani.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"samli","email":"sam@sam.li"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"64e95bbbca9c95d092e5fea2f956f039d89e75cc","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.0.tgz","fileCount":161,"integrity":"sha512-88IHqpeedadjV9KXqOymu8FQnnXTH9+nVFRL7KXKQNi8SCaGzfRKiST7esuVboFnOpQLLcTRxEWR9lvM7tbQKA==","signatures":[{"sig":"MEUCIGYvWZJvAFHWuMeAOM5rHmDs7TvBo4MfcB2obQ+UqmkQAiEAqeE3968ET9NghQTN2ECgwRUx3JU/sbwP8W9hLxzHJBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1521481,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmd1vCRA9TVsSAnZWagAAhdAQAJ66IxgkN75FTfGJKkHG\nG0RWU7jMJACmVc/0bEiQQrFaAkAGAPuCNmktUrv6HBb5Hgxe0wZpzIverVRH\n8lIQuxPPJbAIGU9THTMaG5r+ilYXLSFYcTqJL1yM3l//+oo31Ej6TO450sPl\njpvHOmHd+3N+Mea4L9EVlL2mPUuyeyhcxPWLWXDt2ganrKeK3ajek4wN4rNn\n+ZueiHJTtCn5duJ8aCDthFHLAAXoCDTMHFL4CWgd9hDld4OSajvtuejMMxQ0\nGn6evXV8MBu1kyP/MjnpQnzobOd3EJztuRkVKSbeF5z4x8c0hHjoSkG22X6L\nJCcAPfGImNrjEk+zvSKv5uIyaXw6iHdFsIV8aMgOTUXTN7PeThfTcacNtE//\nXA9D9a0nF8fAlfLJH6b0PGPiUW27ViAWhczGSDJh2ktqdJs9wb5na0BZ0V1g\niS2IrWmXmHyiocNXtwmVRl/Q0ocHVb3GuxVQA8JfcnKYjwZJ1VFqv4l/LST6\n1fym0M5V4z4BO58tIkzFnm+O0MNiWDspHw6SE+u7Dgukox+uI0hukMhuOAK0\nquBI0n73DgpOMpoXtShrQyvysb7jbhgH6pleWeui0xI6H/htIJNMqJ7fKl3y\nv1xtX6PTSl7e6JVa/7jMWqcq1PJoepyXdciRwsN1i4iIn6bJs6Q9p4Lv83QG\n18Mb\r\n=EPVq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"68bb6e5e002f18f0cc1ab15be4f548765677ab62","scripts":{"format":"webmat","prepare":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"bicknellr","email":"bicknellr@gmail.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.1","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.9.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.26","@polymer/iron-media-query":"^3.0.0-pre.26","@polymer/iron-resizable-behavior":"^3.0.0-pre.26","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.26"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.26","@polymer/iron-icon":"^3.0.0-pre.26","@polymer/iron-list":"^3.0.0-pre.26","@polymer/paper-fab":"^3.0.0-pre.26","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.26","@polymer/iron-pages":"^3.0.0-pre.26","@polymer/paper-item":"^3.0.0-pre.26","@polymer/paper-tabs":"^3.0.0-pre.26","@polymer/font-roboto":"^3.0.1","@polymer/paper-styles":"^3.0.0-pre.26","@polymer/test-fixture":"^4.0.1","@polymer/paper-listbox":"^3.0.0-pre.26","@polymer/paper-spinner":"^3.0.0-pre.26","@polymer/paper-progress":"^3.0.0-pre.26","@polymer/paper-icon-button":"^3.0.0-pre.26","@polymer/iron-scroll-threshold":"^3.0.0-pre.26","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.0_1536810350430_0.45788383924257525","host":"s3://npm-registry-packages"}},"3.0.1":{"name":"@polymer/app-layout","version":"3.0.1","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.1","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"justinfagnani","email":"justin@fagnani.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"samli","email":"sam@sam.li"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"41266a4ae358a4f180b83d1d570a260a09570a33","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.1.tgz","fileCount":162,"integrity":"sha512-Uf4gys9GSH69glSrKl7fsSeM0qeyfzat6tkym4WdZNdnLWou4sOxnAlF0Jg3ets1mumUo2U4/zVcUhPH9LJE+g==","signatures":[{"sig":"MEUCIQDlh44Yd43TEnTmDcd6a/mAftzKWIxMODr/hYQMBNDSvwIgNYCGzHmT10pwqXUzkhpkww1eBrXo2Jw4rY9wMajE/zU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1521561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmx/sCRA9TVsSAnZWagAAdDAP/3uLD6CujEvqPH5/zx2J\nTRZ7k+fkaKaXcZ+BuYodqeIsLSQcQu4CzQu1jp/ZUQy7JWvp8LhWkUmQ0pMt\nb1P1lQgB6nhuwXLD4i44VDaMD43mL7F1x3CiPG0kt7jKewfYcb9UJ/20dCx9\nPbdOl2iEVzc9THcNfVA8Mhg/R6zjtDQKjiy2GLuC8ADDN9P0ICnn77R/gp4H\naWMJsnLy1rzByIjGYsXNjvsXK6i5y2Kn2EiXVQLCDpWeaEwXDlV/KKnFHMq4\nLzegiJMuGWaBTrRBZHWwX+FU9oDvAaMoEECeBlXdh8Y2uespV/yAL3G28XT9\niG+AVhYR7Tl+aLgrY+CFt8+pkZPYjQX0Hv14ztKrPosWXM7Jjg/GZ7XwKkWS\ncMNDF4GmgF2uJNHn8NbwTYNJou/MSEPhN7u1qktceM+VjXTwTRUux4Gm0a1M\nL16hZQK7tcnIUxj5iv/2BT2eXinxqWEQQyL8C/X4BI2lO51Rv5YrUHm3qoDT\nN8kOXOSVDUDAQ6ueg/czcTWA0faGW1f385MSetG8gok5rXntU/NtNQzkO5/v\nbFLnugkuWpotQESU5bKC+AxL7tNzaLwheM3d9HCVfi30Ts3w04I2Va6JHuIw\n1V3XWqZdUEiArOR3gZI36onSMGKOzbW855KgyumGQi+73C5cH316r7xy/oqq\nkdjs\r\n=JxYC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"eea3211cd296786a4c3ee84165399a21e48fd482","scripts":{"format":"webmat","prepare":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"bicknellr","email":"bicknellr@gmail.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.1","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.9.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.26","@polymer/iron-media-query":"^3.0.0-pre.26","@polymer/iron-resizable-behavior":"^3.0.0-pre.26","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.26"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.26","@polymer/iron-icon":"^3.0.0-pre.26","@polymer/iron-list":"^3.0.0-pre.26","@polymer/paper-fab":"^3.0.0-pre.26","wct-browser-legacy":"^1.0.1","@polymer/iron-icons":"^3.0.0-pre.26","@polymer/iron-pages":"^3.0.0-pre.26","@polymer/paper-item":"^3.0.0-pre.26","@polymer/paper-tabs":"^3.0.0-pre.26","@polymer/font-roboto":"^3.0.1","@polymer/paper-styles":"^3.0.0-pre.26","@polymer/test-fixture":"^4.0.1","@polymer/paper-listbox":"^3.0.0-pre.26","@polymer/paper-spinner":"^3.0.0-pre.26","@polymer/paper-progress":"^3.0.0-pre.26","@polymer/paper-icon-button":"^3.0.0-pre.26","@polymer/iron-scroll-threshold":"^3.0.0-pre.26","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.1_1536892907843_0.37167244729706095","host":"s3://npm-registry-packages"}},"3.0.2":{"name":"@polymer/app-layout","version":"3.0.2","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.0.2","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"justinfagnani","email":"justin@fagnani.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"samli","email":"sam@sam.li"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"tvanderlippe","email":"tvanderlippe@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"8a6f3c87b405635fd3547db82db8dbb6c51b6bf9","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.0.2.tgz","fileCount":163,"integrity":"sha512-qKcQHj72uGxGoetjnNQ7pg4F6Da4U5jKBzZy0VRmDuZMUPDmtIqHaIgC5K6B4y+xUag0gkV9ce72Q3hNaK9y+g==","signatures":[{"sig":"MEUCIQDJsOqGhsba6FToZsyWdQ4AtPtLKINTtuQfNpYH2kZvuQIgJ9hlc4O/API3KrrrPS6lQ9oXxBMS68D9RevPiDseqAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1526373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb/ZPfCRA9TVsSAnZWagAA2e8P/2gO52ThovWuJEu6rR6w\nMsMAV19aOUCjHuc4BIUQMqIwnGVUDUKYkrs0RL4Am13ueevGE9amTVJR2xQ8\nP2lJRinGTSHlDKZwmmIJoaheRCUqYLoysKQCL4ZFN/Yd7b6myyaoAhbFMVzj\nylp2PeJK7Ih9nv1YKFnhs82dQGF0Clfvt0P7yz+owoCvEhpW2AkItDYnfRIA\n1sTnd8obLMxGWZY0A2g0pB1p97WOTKSehx5Jd0t5/PjRSITU7gGbkmdUuuA4\njQrluk2P9FgcEUc8B8GDhH0upmjJD5YkBZ15afao4rtcGtyT8nZWDcDIbwI4\nlPpYutVebUAL1NmdaL/cBzobXWhL44Id701fPa1CRiEnRNmHy5vmGLOcY/TK\n3ObmP3HUXURbVAlTh6TuYmGHkmE/YurX7D1OtR00k5g5nIDmrYFDzDx9GtRd\nqlv8f/Zw0lrXbt5KEYA6q/eh6lgjPW2BSwI7rJT2Evaei3RJ/w6nxamZNAi/\nWNc8Tej4YDgwuDLsLIexayOoAfPTEZDaZEx7ttl3Rq6ww4uj2sXpXp8kR4TR\nY9RhgfTmtYmi2x6YJEkA7sJaSockUgXVlacY0f7VwceU0Q7TnsrQr0V+jOw8\njc6ySQSiCA61piTyH7R1gUk4VqM3MdwwNjK2hwW0Hjr0dwQs9zWJCLgX97DL\nFADi\r\n=z9Ut\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"e8569827a2e49eb88e15bb3c24a7c01ed937d764","scripts":{"format":"webmat","prepare":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"keanulee","email":"npm@keanulee.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.4.1","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"10.1.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.26","@polymer/iron-media-query":"^3.0.0-pre.26","@polymer/iron-resizable-behavior":"^3.0.0-pre.26","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.26"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.26","@polymer/iron-icon":"^3.0.0-pre.26","@polymer/iron-list":"^3.0.0-pre.26","@polymer/paper-fab":"^3.0.0-pre.26","wct-browser-legacy":"^1.0.2","@polymer/iron-icons":"^3.0.0-pre.26","@polymer/iron-pages":"^3.0.0-pre.26","@polymer/paper-item":"^3.0.0-pre.26","@polymer/paper-tabs":"^3.0.0-pre.26","@polymer/font-roboto":"^3.0.1","@polymer/paper-styles":"^3.0.0-pre.26","@polymer/test-fixture":"^4.0.1","@polymer/paper-listbox":"^3.0.0-pre.26","@polymer/paper-spinner":"^3.0.0-pre.26","@polymer/paper-progress":"^3.0.0-pre.26","@polymer/paper-icon-button":"^3.0.0-pre.26","@polymer/iron-scroll-threshold":"^3.0.0-pre.26","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.5.1"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.0.2_1543345119261_0.21203012284413325","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@polymer/app-layout","version":"3.1.0","author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","_id":"@polymer/app-layout@3.1.0","maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"justinfagnani","email":"justin@fagnani.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"samli","email":"sam@sam.li"},{"name":"sorvell","email":"sorvell@google.com"},{"name":"tvanderlippe","email":"tvanderlippe@google.com"},{"name":"usergenic","email":"brendan@usergenic.com"}],"homepage":"https://github.com/PolymerElements/app-layout","bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"dist":{"shasum":"b146cd2ce202e079ac51059a4fcaef03f5b2f3c4","tarball":"https://registry.npmjs.org/@polymer/app-layout/-/app-layout-3.1.0.tgz","fileCount":158,"integrity":"sha512-+jf5/TtUDj/la9Vi59ooGNjnTN8JTkyIUK8gxAms0N3MmyeqrmcNLlJKDVyE6IIGKz0WfFeGKqKtmtTLHrZIlg==","signatures":[{"sig":"MEQCIBcWpO2aHBSnU4/S+/xlVHCUZfE1oyNE2QUwGAC9RJReAiB2NJx7JDTbyDDopRH6AMrfh4QosbYP7lR0bZNXxaYtcg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1525826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2WyKCRA9TVsSAnZWagAAkGYP/R66fnqkDCyZpFE2Kof9\nB33B3eo4601g1QkjcdYOrJZjPaFLNNgn6HxAcTnZeKtfa6cVFcp33EK5a9WA\n3uVOrP5n6GsQIowvDRITnNOX1uxKpljfnxF2T+E2Lh4piwQeFbXzv5UW39wQ\n/W2eXSJAGB8ui1RTssKZMbIki5qJdVo5i5Ys+EEsw7qq7pVhvwyuYJk1YZPw\niiKsUZ/R+AXORTwEWptrIuiB71Wrbb7kHMerrhWH1AP1y36+qXr7WAbwV30/\nhbnYYDFsx6jCnWBfB/honjzM3FD4tXn2/N3fl00wSIiLgatRvZf6vY+4qh3N\nmzQn1z2HwWzlSABPEz0seEu9m0oikflfHWMwmlsQNKXMtp9fns05yjyoENWz\n0BPkq9LhW7fKv4uwBZWKkl1vxY8K6AP8G1fTUl/MMX/vbUpFvrP+QceEVrsL\nOLjUAN0Ws3Xqhyhwd8LzfDbs3oSql70D+KomczQuSjLt0nU4ajEY4Ma3aEkH\nCElti6XOZfK45CTIEM3qUVlBKATTM5sF7vhs6l+Ch+NZwcFQGZWmeV9e4xdP\ndRy6bp4s9slKF/2DDMRVV5KkJsc0Rqr4BAzS8ZHqWZAZZquky+l2SM9SQtU4\nIE/e9idNYboYHnQzCBkFLQtGfJtASxwtJ7FCNI3OBNRbh4DxuH1b5ELvMJiX\n/A4c\r\n=ycuG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"app-layout.js","gitHead":"3f9901799fdfc74eb835b95ae2ebf2f0378abe10","scripts":{"format":"webmat","prepare":"npm run generate-types","generate-types":"gen-typescript-declarations --deleteExisting --outDir . --verify"},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"_npmVersion":"6.9.0","description":"A set of layout elements for your app","directories":{},"_nodeVersion":"11.12.0","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-flex-layout":"^3.0.0-pre.26","@polymer/iron-media-query":"^3.0.0-pre.26","@polymer/iron-resizable-behavior":"^3.0.0-pre.26","@polymer/iron-scroll-target-behavior":"^3.0.0-pre.26"},"_hasShrinkwrap":false,"devDependencies":{"webmat":"^0.2.0","@polymer/iron-ajax":"^3.0.0-pre.26","@polymer/iron-icon":"^3.0.0-pre.26","@polymer/iron-list":"^3.0.0-pre.26","@polymer/paper-fab":"^3.0.0-pre.26","wct-browser-legacy":"^1.0.2","@polymer/iron-icons":"^3.0.0-pre.26","@polymer/iron-pages":"^3.0.0-pre.26","@polymer/paper-item":"^3.0.0-pre.26","@polymer/paper-tabs":"^3.0.0-pre.26","@polymer/font-roboto":"^3.0.1","@polymer/paper-styles":"^3.0.0-pre.26","@polymer/test-fixture":"^4.0.1","@polymer/paper-listbox":"^3.0.0-pre.26","@polymer/paper-spinner":"^3.0.0-pre.26","@polymer/paper-progress":"^3.0.0-pre.26","@polymer/paper-icon-button":"^3.0.0-pre.26","@polymer/iron-scroll-threshold":"^3.0.0-pre.26","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.6.2"},"_npmOperationalInternal":{"tmp":"tmp/app-layout_3.1.0_1562636315046_0.6037727009979592","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-01-20T23:01:51.741Z","modified":"2024-10-07T21:26:58.381Z","0.10.6-pre.1":"2017-01-20T23:01:51.741Z","0.10.6-pre.2":"2017-01-20T23:23:22.798Z","0.10.6-pre.3":"2017-01-24T00:20:06.558Z","3.0.0-pre.1":"2017-08-22T07:16:54.339Z","3.0.0-pre.2":"2018-01-12T01:42:03.533Z","3.0.0-pre.3":"2018-01-12T18:16:47.466Z","3.0.0-pre.4":"2018-01-16T23:53:57.573Z","3.0.0-pre.6":"2018-01-24T23:03:53.611Z","3.0.0-pre.7":"2018-01-30T18:48:34.158Z","3.0.0-pre.8":"2018-02-07T18:56:39.793Z","3.0.0-pre.10":"2018-02-22T23:15:29.465Z","3.0.0-pre.11":"2018-03-09T01:17:10.559Z","3.0.0-pre.12":"2018-03-22T16:57:21.444Z","3.0.0-pre.13":"2018-05-01T22:56:23.933Z","3.0.0-pre.14":"2018-05-02T00:37:07.472Z","3.0.0-pre.15":"2018-05-02T20:53:47.585Z","3.0.0-pre.16":"2018-05-04T20:18:12.167Z","3.0.0-pre.17":"2018-05-08T05:08:01.306Z","3.0.0-pre.18":"2018-05-09T10:00:32.822Z","3.0.0-pre.19":"2018-05-09T20:21:05.269Z","3.0.0-pre.20":"2018-06-23T00:18:12.721Z","3.0.0-pre.21":"2018-06-23T01:06:19.203Z","3.0.0-pre.22":"2018-08-25T03:12:52.682Z","3.0.0-pre.23":"2018-08-25T07:03:43.482Z","3.0.0-pre.24":"2018-08-29T02:37:16.063Z","3.0.0-pre.25":"2018-08-29T03:50:41.362Z","3.0.0-pre.26":"2018-09-12T01:02:37.000Z","3.0.0":"2018-09-13T03:45:50.610Z","3.0.1":"2018-09-14T02:41:48.055Z","3.0.2":"2018-11-27T18:58:39.415Z","3.1.0":"2019-07-09T01:38:35.264Z"},"bugs":{"url":"https://github.com/PolymerElements/app-layout/issues"},"author":{"name":"The Polymer Authors"},"license":"BSD-3-Clause","homepage":"https://github.com/PolymerElements/app-layout","repository":{"url":"git://github.com/PolymerElements/app-layout.git","type":"git"},"description":"A set of layout elements for your app","maintainers":[{"email":"rictic@gmail.com","name":"rictic"},{"email":"aomarks@gmail.com","name":"aomarks"},{"email":"emarquez@google.com","name":"emarquez"},{"email":"sorvell@google.com","name":"sorvell"},{"email":"bicknellr@gmail.com","name":"bicknellr"},{"email":"brendan@usergenic.com","name":"usergenic"},{"email":"admin@polymer-project.org","name":"polymer-devs"},{"email":"dfreedm2@gmail.com","name":"azakus"},{"email":"kevinpschaaf@gmail.com","name":"kevinpschaaf"},{"email":"justin@fagnani.com","name":"justinfagnani"}],"readme":"[![Published on NPM](https://img.shields.io/npm/v/@polymer/app-layout.svg)](https://www.npmjs.com/package/@polymer/app-layout)\n[![Build status](https://travis-ci.org/PolymerElements/app-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/app-layout)\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://webcomponents.org/element/@polymer/app-layout)\n\n## App Layout\n\n<!---\n```\n<custom-element-demo height=\"368\">\n  <template>\n    <script src=\"https://unpkg.com/@webcomponents/webcomponentsjs@^2.0.0/webcomponents-loader.js\"></script>\n    <script type=\"module\">\n      import '@polymer/app-layout/app-drawer/app-drawer.js';\n      import '@polymer/app-layout/app-header/app-header.js';\n      import '@polymer/app-layout/app-toolbar/app-toolbar.js';\n      import '@polymer/app-layout/demo/sample-content.js';\n      import '@polymer/iron-flex-layout/iron-flex-layout.js';\n      import '@polymer/iron-icons/iron-icons.js';\n      import '@polymer/paper-icon-button/paper-icon-button.js';\n      import '@polymer/paper-progress/paper-progress.js';\n    </script>\n    <custom-style>\n      <style is=\"custom-style\">\n        html, body {\n          margin: 0;\n          font-family: 'Roboto', 'Noto', sans-serif;\n          -webkit-font-smoothing: antialiased;\n          background: #f1f1f1;\n          max-height: 368px;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n        }\n\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n        app-header {\n          @apply --layout-fixed-top;\n          color: #fff;\n          --app-header-background-rear-layer: {\n            background-color: #ef6c00;\n          };\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 100, 0.8);\n          --app-drawer-content-container: {\n            background-color: #B0BEC5;\n          }\n        }\n        sample-content {\n          padding-top: 64px;\n        }\n      </style>\n    </custom-style>\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n\nA collection of elements, along with guidelines and templates that can be used to structure your app’s layout.\n\n## What is inside\n\n### Elements\n\n- [app-box](https://github.com/PolymerElements/app-layout/tree/master/app-box) - A container element that can have scroll effects - visual effects based on scroll position.\n\n- [app-drawer](https://github.com/PolymerElements/app-layout/tree/master/app-drawer) - A navigation drawer that can slide in from the left or right.\n\n- [app-drawer-layout](https://github.com/PolymerElements/app-layout/tree/master/app-drawer-layout) - A wrapper element that positions an app-drawer and other content.\n\n- [app-grid](https://github.com/PolymerElements/app-layout/tree/master/app-grid) - A helper class useful for creating responsive, fluid grid layouts using custom properties.\n\n- [app-header](https://github.com/PolymerElements/app-layout/tree/master/app-header) - A container element for app-toolbars at the top of the screen that can have scroll effects - visual effects based on scroll position.\n\n- [app-header-layout](https://github.com/PolymerElements/app-layout/tree/master/app-header-layout) - A wrapper element that positions an app-header and other content.\n\n- [app-toolbar](https://github.com/PolymerElements/app-layout/tree/master/app-toolbar) - A horizontal toolbar containing items that can be used for label, navigation, search and actions.\n\n### Templates\n\nThe templates are a means to define, illustrate and share best practices in App Layout. Pick a template and customize it:\n\n- **Getting started**\n([Demo](https://polymerelements.github.io/app-layout/templates/getting-started) - [Source](/templates/getting-started))\n\n- **Landing page**\n([Demo](https://polymerelements.github.io/app-layout/templates/landing-page) - [Source](/templates/landing-page))\n\n- **Publishing: Zuperkülblog**\n([Demo](https://polymerelements.github.io/app-layout/templates/publishing) - [Source](/templates/publishing))\n\n- **Shop: Shrine**\n([Demo](https://polymerelements.github.io/app-layout/templates/shrine) - [Source](/templates/shrine))\n\n- **Blog: Pesto**\n([Demo](https://polymerelements.github.io/app-layout/templates/pesto) - [Source](/templates/pesto))\n\n- **Scroll effects: Test drive**\n([Demo](https://polymerelements.github.io/app-layout/templates/test-drive) - [Source](/templates/test-drive))\n\n### Patterns\n\nSample code for various UI patterns:\n\n- **Transform navigation:**\nAs more screen space is available, side navigation can transform into tabs.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/transform-navigation/index.html) - [Source](/patterns/transform-navigation/x-app.html))\n\n- **Expand Card:**\nContent cards may expand to take up more horizontal space.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/expand-card/index.html) - [Source](/patterns/expand-card/index.html))\n\n- **Material Design Responsive Toolbar:**\nToolbar changes its height and padding to adapt mobile screen size.\n([Demo](https://www.webcomponents.org/element/PolymerElements/app-layout/demo/patterns/md-responsive-toolbar/index.html) - [Source](/patterns/md-responsive-toolbar/index.html))\n\n## Users\n\nHere are some web apps built with App Layout:\n\n- [Youtube Web](https://www.youtube.com/new)\n- [Google I/O 2016](https://events.google.com/io2016/)\n- [Polymer project site](https://www.polymer-project.org/summit)\n- [Polymer summit](https://www.polymer-project.org/summit)\n- [Shop](https://shop.polymer-project.org)\n- [News](https://news.polymer-project.org)\n- [webcomponents.org](https://www.webcomponents.org/)\n- [Chrome Status](https://www.chromestatus.com/)\n- [Project Fi](https://fi.google.com/about/)\n- [NASA Open Source Software](https://code.nasa.gov/)\n\nSee: [Documentation](https://www.webcomponents.org/element/@polymer/app-layout),\n  [Demo](https://www.webcomponents.org/element/@polymer/app-layout/demo/demo/index.html).\n\n## Usage\n\n### Installation\n```\nnpm install --save @polymer/app-layout\n```\n\n### In an html file\n```html\n<html>\n  <head>\n    <script type=\"module\">\n      import '@polymer/app-layout/app-layout.js';\n    </script>\n  </head>\n  <body>\n    <app-header reveals>\n      <app-toolbar>\n        <div main-title>My app</div>\n      </app-toolbar>\n    </app-header>\n    <app-drawer id=\"drawer\" swipe-open></app-drawer>\n  </body>\n</html>\n```\n### In a Polymer 3 element\n```js\nimport {PolymerElement, html} from '@polymer/polymer';\nimport '@polymer/app-layout/app-layout.js';\n\nclass SampleElement extends PolymerElement {\n  static get template() {\n    return html`\n      <app-header reveals>\n        <app-toolbar>\n          <div main-title>My app</div>\n        </app-toolbar>\n      </app-header>\n      <app-drawer id=\"drawer\" swipe-open></app-drawer>\n    `;\n  }\n}\ncustomElements.define('sample-element', SampleElement);\n```\n\n## Contributing\nIf you want to send a PR to this element, here are\nthe instructions for running the tests and demo locally:\n\n### Installation\n```sh\ngit clone https://github.com/PolymerElements/app-layout\ncd app-layout\nnpm install\nnpm install -g polymer-cli\n```\n\n### Running the demo locally\n```sh\npolymer serve --npm\nopen http://127.0.0.1:<port>/demo/\n```\n\n### Running the tests\n```sh\npolymer test --npm\n```\n","readmeFilename":"README.md"}