From 07d13c9c7da42659f5ceab5081d186d8447a7ed0 Mon Sep 17 00:00:00 2001 From: isisadmin Date: Fri, 20 Nov 2015 14:52:39 +0100 Subject: [PATCH] polymer catalog --- bower_components/polymer-element-catalog/.firebaserc.enc | 2 ++ bower_components/polymer-element-catalog/.gitignore | 6 ++++++ bower_components/polymer-element-catalog/.travis.yml | 19 +++++++++++++++++++ bower_components/polymer-element-catalog/LICENSE.txt | 27 +++++++++++++++++++++++++++ bower_components/polymer-element-catalog/README.md | 215 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.html | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-cart/app-cart.html | 224 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-link/app-link.html | 21 +++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-logo/app-logo.html | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-shell/app-shell.html | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.html | 20 ++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/app-styles/app-styles.html | 22 ++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/cart-icon/cart-icon.html | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/cart-item-icon/cart-item-icon.html | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/cart-item/cart-item.html | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/catalog-cart/catalog-cart.html | 100 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/catalog-data/catalog-data.html | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/catalog-element/catalog-element.html | 22 ++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/catalog-guide/catalog-guide.html | 31 +++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/catalog-package/catalog-package.html | 22 ++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/element-action-menu/element-action-menu.html | 116 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/element-card/element-card.html | 283 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/element-table-cards/element-table-cards.html | 116 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/element-table/element-table.html | 240 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/elements.html | 7 +++++++ bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.css | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.html | 26 ++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/hero-image/hero-image.html | 43 +++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/package-symbol/package-symbol.html | 42 ++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.css | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.html | 37 +++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-browse.css | 278 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-browse.html | 296 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-element.css | 241 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-element.html | 237 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-guide.html | 208 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-not-found.html | 40 ++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-packages.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/pages/page-packages.html | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/responsive-element/responsive-element.html | 81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/tag-link/tag-link.html | 38 ++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/elements/theme-color/theme-color.html | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/images/hero/random-1.svg | 24 ++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/images/hero/random-2.svg | 28 ++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/images/hero/random-3.svg | 24 ++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/images/hero/random-4.svg | 25 +++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/images/p-logo-32.png | Bin 0 -> 5629 bytes bower_components/polymer-element-catalog/app/images/polymer.svg | 175 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/index.html | 34 ++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/app/styles/main.css | 171 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/bower.json | 32 ++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/elements.js | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/guides.js | 131 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/index.js | 44 ++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/packages.js | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/tags.js | 20 ++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/utils/analyze.js | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/utils/clean-tags.js | 4 ++++ bower_components/polymer-element-catalog/build/catalog/utils/object-from-streams.js | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/utils/package-details.js | 15 +++++++++++++++ bower_components/polymer-element-catalog/build/catalog/utils/package-elements.js | 11 +++++++++++ bower_components/polymer-element-catalog/build/catalog/utils/parse-version.js | 4 ++++ bower_components/polymer-element-catalog/build/catalog/utils/render-guide.js | 32 ++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/build/catalog/utils/stream.js | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/catalog.json | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/divshot.json | 9 +++++++++ bower_components/polymer-element-catalog/firebase.json | 13 +++++++++++++ bower_components/polymer-element-catalog/fixtures/catalog.json | 118 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/fixtures/guides/example.html | 3 +++ bower_components/polymer-element-catalog/guides/assets/custom-header.html | 28 ++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/assets/drawer.html | 44 ++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/assets/header-and-toolbar.html | 29 +++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/assets/icons.html | 35 +++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/assets/tabs.html | 45 +++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/assets/tall-header.html | 29 +++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/assets/zip-file-contents.png | Bin 0 -> 42419 bytes bower_components/polymer-element-catalog/guides/flex-layout.md | 793 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/responsive-material-design-layouts.md | 345 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/using-elements.md | 317 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/guides/using-neon-animations.md | 313 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/gulpfile.js | 280 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/package.json | 97 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/polybuild.js | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ bower_components/polymer-element-catalog/scripts/travis_deploy | 13 +++++++++++++ 86 files changed, 7943 insertions(+), 0 deletions(-) create mode 100644 bower_components/polymer-element-catalog/.firebaserc.enc create mode 100644 bower_components/polymer-element-catalog/.gitignore create mode 100644 bower_components/polymer-element-catalog/.travis.yml create mode 100644 bower_components/polymer-element-catalog/LICENSE.txt create mode 100644 bower_components/polymer-element-catalog/README.md create mode 100644 bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.css create mode 100644 bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.html create mode 100644 bower_components/polymer-element-catalog/app/elements/app-cart/app-cart.html create mode 100644 bower_components/polymer-element-catalog/app/elements/app-link/app-link.html create mode 100644 bower_components/polymer-element-catalog/app/elements/app-logo/app-logo.html create mode 100644 bower_components/polymer-element-catalog/app/elements/app-shell/app-shell.html create mode 100644 bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.css create mode 100644 bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.html create mode 100644 bower_components/polymer-element-catalog/app/elements/app-styles/app-styles.html create mode 100644 bower_components/polymer-element-catalog/app/elements/cart-icon/cart-icon.html create mode 100644 bower_components/polymer-element-catalog/app/elements/cart-item-icon/cart-item-icon.html create mode 100644 bower_components/polymer-element-catalog/app/elements/cart-item/cart-item.html create mode 100644 bower_components/polymer-element-catalog/app/elements/catalog-cart/catalog-cart.html create mode 100644 bower_components/polymer-element-catalog/app/elements/catalog-data/catalog-data.html create mode 100644 bower_components/polymer-element-catalog/app/elements/catalog-element/catalog-element.html create mode 100644 bower_components/polymer-element-catalog/app/elements/catalog-guide/catalog-guide.html create mode 100644 bower_components/polymer-element-catalog/app/elements/catalog-package/catalog-package.html create mode 100644 bower_components/polymer-element-catalog/app/elements/element-action-menu/element-action-menu.html create mode 100644 bower_components/polymer-element-catalog/app/elements/element-card/element-card.html create mode 100644 bower_components/polymer-element-catalog/app/elements/element-table-cards/element-table-cards.html create mode 100644 bower_components/polymer-element-catalog/app/elements/element-table/element-table.html create mode 100644 bower_components/polymer-element-catalog/app/elements/elements.html create mode 100644 bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.css create mode 100644 bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.html create mode 100644 bower_components/polymer-element-catalog/app/elements/hero-image/hero-image.html create mode 100644 bower_components/polymer-element-catalog/app/elements/package-symbol/package-symbol.html create mode 100644 bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.css create mode 100644 bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.html create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-browse.css create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-browse.html create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-element.css create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-element.html create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-guide.html create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-not-found.html create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-packages.css create mode 100644 bower_components/polymer-element-catalog/app/elements/pages/page-packages.html create mode 100644 bower_components/polymer-element-catalog/app/elements/responsive-element/responsive-element.html create mode 100644 bower_components/polymer-element-catalog/app/elements/tag-link/tag-link.html create mode 100644 bower_components/polymer-element-catalog/app/elements/theme-color/theme-color.html create mode 100644 bower_components/polymer-element-catalog/app/images/hero/random-1.svg create mode 100644 bower_components/polymer-element-catalog/app/images/hero/random-2.svg create mode 100644 bower_components/polymer-element-catalog/app/images/hero/random-3.svg create mode 100644 bower_components/polymer-element-catalog/app/images/hero/random-4.svg create mode 100644 bower_components/polymer-element-catalog/app/images/p-logo-32.png create mode 100644 bower_components/polymer-element-catalog/app/images/polymer.svg create mode 100644 bower_components/polymer-element-catalog/app/index.html create mode 100644 bower_components/polymer-element-catalog/app/styles/main.css create mode 100644 bower_components/polymer-element-catalog/bower.json create mode 100644 bower_components/polymer-element-catalog/build/catalog/elements.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/guides.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/index.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/packages.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/tags.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/analyze.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/clean-tags.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/object-from-streams.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/package-details.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/package-elements.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/parse-version.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/render-guide.js create mode 100644 bower_components/polymer-element-catalog/build/catalog/utils/stream.js create mode 100644 bower_components/polymer-element-catalog/catalog.json create mode 100644 bower_components/polymer-element-catalog/divshot.json create mode 100644 bower_components/polymer-element-catalog/firebase.json create mode 100644 bower_components/polymer-element-catalog/fixtures/catalog.json create mode 100644 bower_components/polymer-element-catalog/fixtures/guides/example.html create mode 100644 bower_components/polymer-element-catalog/guides/assets/custom-header.html create mode 100644 bower_components/polymer-element-catalog/guides/assets/drawer.html create mode 100644 bower_components/polymer-element-catalog/guides/assets/header-and-toolbar.html create mode 100644 bower_components/polymer-element-catalog/guides/assets/icons.html create mode 100644 bower_components/polymer-element-catalog/guides/assets/tabs.html create mode 100644 bower_components/polymer-element-catalog/guides/assets/tall-header.html create mode 100644 bower_components/polymer-element-catalog/guides/assets/zip-file-contents.png create mode 100644 bower_components/polymer-element-catalog/guides/flex-layout.md create mode 100644 bower_components/polymer-element-catalog/guides/responsive-material-design-layouts.md create mode 100644 bower_components/polymer-element-catalog/guides/using-elements.md create mode 100644 bower_components/polymer-element-catalog/guides/using-neon-animations.md create mode 100644 bower_components/polymer-element-catalog/gulpfile.js create mode 100644 bower_components/polymer-element-catalog/package.json create mode 100644 bower_components/polymer-element-catalog/polybuild.js create mode 100644 bower_components/polymer-element-catalog/scripts/travis_deploy diff --git a/bower_components/polymer-element-catalog/.firebaserc.enc b/bower_components/polymer-element-catalog/.firebaserc.enc new file mode 100644 index 0000000..2f3d3ba --- /dev/null +++ b/bower_components/polymer-element-catalog/.firebaserc.enc @@ -0,0 +1,2 @@ +KDp'NJ߮y24/wN>i)⥭H + JDE4mdj3r$K]m!t`wtxp\c姎9,Ǿ \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/.gitignore b/bower_components/polymer-element-catalog/.gitignore new file mode 100644 index 0000000..c03f88d --- /dev/null +++ b/bower_components/polymer-element-catalog/.gitignore @@ -0,0 +1,6 @@ +.tmp +node_modules +bower_components +dist +npm-debug.log +.divshot-cache diff --git a/bower_components/polymer-element-catalog/.travis.yml b/bower_components/polymer-element-catalog/.travis.yml new file mode 100644 index 0000000..23aa55b --- /dev/null +++ b/bower_components/polymer-element-catalog/.travis.yml @@ -0,0 +1,19 @@ +language: node_js +sudo: false +node_js: +- 0.12 +before_install: +- openssl aes-256-cbc -K $encrypted_430815991462_key -iv $encrypted_430815991462_iv + -in .firebaserc.enc -out $HOME/.firebaserc -d +install: +- npm install +- "./node_modules/.bin/bower update" +script: npm run build +cache: + directories: + - node_modules + - bower_components +after_success: +- "./scripts/travis_deploy" +notifications: + slack: polymer:j3IJDjBbXxqzuGRCIDYJ7tIA diff --git a/bower_components/polymer-element-catalog/LICENSE.txt b/bower_components/polymer-element-catalog/LICENSE.txt new file mode 100644 index 0000000..b42e58d --- /dev/null +++ b/bower_components/polymer-element-catalog/LICENSE.txt @@ -0,0 +1,27 @@ +// Copyright (c) 2015 The Polymer Authors. All rights reserved. +// +// Redistribution and use in source and binary forms, with or without +// modification, are permitted provided that the following conditions are +// met: +// +// * Redistributions of source code must retain the above copyright +// notice, this list of conditions and the following disclaimer. +// * Redistributions in binary form must reproduce the above +// copyright notice, this list of conditions and the following disclaimer +// in the documentation and/or other materials provided with the +// distribution. +// * Neither the name of Google Inc. nor the names of its +// contributors may be used to endorse or promote products derived from +// this software without specific prior written permission. +// +// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS +// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT +// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR +// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT +// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, +// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT +// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY +// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT +// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. diff --git a/bower_components/polymer-element-catalog/README.md b/bower_components/polymer-element-catalog/README.md new file mode 100644 index 0000000..7d50196 --- /dev/null +++ b/bower_components/polymer-element-catalog/README.md @@ -0,0 +1,215 @@ +# Polymer Element Catalog + +## Getting Started + +To work on the Polymer Elements Catalog, clone the repository. + +To install dependencies: + + npm run deps + +To start a local development server: + + npm run serve + +To start a local development server with `fixtures` turned on: + + FIXTURES=true npm run serve + +To prepare the repo for publication: + + npm run build + +Note: Make sure that you're running chrome 42 or later! + +### Fixtures + +While parts of the system are still in flux, it will be necessary to have stubbed +data and other bits to be able to work against. Anything in the `fixtures` +directory will be available when running a development server. By the time +the catalog ships, the `fixtures` directory should be empty. + +## Managing Catalog Data + +Data for the catalog is compiled by intelligently composing together information +from multiple sources: + +1. The `catalog.json` file in this repository +2. The `bower.json` for each element package and individual element +3. Metadata parsed directly elements' source using [hydrolysis](https://github.com/PolymerLabs/hydrolysis) +4. Other files in package and element repositories, such as guide markdown files + +Each of these inputs is combined and compiled into a static format easily loaded +by the catalog application. Outputs of the catalog compilation process include: + +1. A `/data/catalog.json` file heavily annotated with parsed metadata +2. Pre-parsed element documentation in `/data/docs` +3. The compiled HTML output of guide markdown files in `/data/guides` + +### How `catalog.json` is Created + +The final `catalog.json` file can be thought of as the repo's initial file +decorated substantially with metadata. For instance, a package in the initial +file: + +```json +{ + "packages": [ + {"title":"Iron Elements", "name":"iron-elements"} + ] +} +``` + +Gets decorated with metadata parsed from its' `bower.json`: + +```json +{ + "packages": [ + { + "title":"Iron Elements", + "name":"iron-elements", + "description":"Polymer core elements", + "version":"1.0.0", + "tags":["utility","scaffolding","user-input"] + } + ] +} +``` + +This decoration occurs in steps and can be considered a series of merges. + +### Packages + +Each set of elements (henceforth "package") is responsible for maintaining its +own documentation according to the conventions established elsewhere in this +document. Each package is represented in `catalog.json` as an entry in an array. +This array corresponds to the order in which packages are presented in nav +contexts in the element catalog. Each package has the following associated data: + +* **name:** the corresponding package name from `bower.json` +* **title:** the human-friendly name of the package for nav display + +Each named package should be declared as a dependency in the `bower.json` for +this repository. Additionally, each package's version number should be explicit, +as the version declared in `bower.json` is used as display text in the catalog. + +```js +{ + // correct example + "iron-elements": "PolymerElements/iron-elements#1.0.0" + // incorrect example + "paper-elements": "PolymerElements/paper-elements#^1.0" +} +``` + +By maintaining strict versioning in the catalog, updating a package's data +becomes as easy as a pull request to `bower.json`. + +### Package Metadata + +As much as possible, the element catalog uses existing conventions from systems +such as Bower as a repository for metadata. + +#### bower.json + +The `bower.json` for a package should contain a `dependencies` entry for each of +its child elements. A declared dependency will be considered a child element of +the package if and only if its name is identical to the package name before the +first dash. As an example, if the package is `iron-elements`, `iron-ajax` would +be considered a child but `polymer` would not. + +The element catalog uses the following information from `bower.json`: + +* **name:** The package name should correspond to a `packages` entry in the + `catalog.json` file in this repository for it to be displayed. +* **description:** The package description should be phrased such that it can + be used as descriptive summary text in the catalog when the package is + presented along-side other packages. It should be less than 200 characters + in length but adequately descriptive of the primary use cases for the package. +* **keywords:** Excluding `web-components` and `polymer`, these keywords will be + used as **tags** in the final catalog data. + +### Elements + +Elements behave much like packages: they are responsible for maintaining their +own documentation in `bower.json`. In addition, the source `.html` files for +elements should be documented in accordance with the [Polymer Elements style guide](http://polymerelements.github.io/style-guide/). + +#### bower.json + +The catalog uses the following information from an element's `bower.json`: + +* **name:** The element name. Except in rare cases, this should match a `.html` + file of the same name that contains the element or imports all default elements + for element repos with multiple elements. +* **description:** A less-than-200 character description of what the element + does and how it should be used. +* **keywords:** Except for `web-components` and `polymer`, these keywords will + be used as **tags** in the final catalog data. +* **main:** This field should represent **every .html file that a user might + directly import**. For instance, in `iron-icons` each icon set might be imported + separately, so each set should be included in main. For many (most) elements + this can just be a string with the `.html` filename matching the `name` field. + +### Guides + +Guides are in-depth articles that allow for article-style documentation in +addition to the API documentation for each element parsed using hydrolysis. + +Guides are simply Markdown files with YAML front-matter and can be included +in the repository for the catalog, a package, or an individual element. To +avoid namespace collisions, guides for packages and individual elements are +identified with `repo-name/guide-name`, while guides in this repository are +identified simply with `guide-name`. + +Each guide will be listed and accessible in the **Guides** section of the +catalog, and will additionally be associated with each element and package +it references. + +#### Example Markdown File (e.g. `bower_components/gold-elements/guides/ecommerce.md`) + +```markdown +--- +title: How to Build an E-Commerce Site with Gold Elements +summary: "Learn how to add drop-in E-commerce components to quickly build a web presence for your business." +tags: ['ecommerce','beginner'] +elements: ['gold-checkout','paper-input'] +updated: 2015-04-10 +--- + +Actual article content starts here. + +## Example Section + +Etc. etc. +``` + +#### Example compiled `catalog.json` + +```js +{ + // guides with associated packages should also be referenced in the package metadata + "packages": [ + {"name":"gold-elements","guides":["gold-elements/ecommerce"]} + ], + "guides": [ + { + "name":"gold-elements/ecommerce", + "title":"How to Build an E-Commerce Site with Gold Elements", + "tags":["ecommerce","beginner"], + "elements":["gold-checkout","paper-input"], + "package":"gold-elements" + } + ], + "elements": [ + {"name":"paper-input","guides":["gold-elements/ecommerce"]} + ] +} +``` + +#### Assets in Guides + +If a guide needs images or other assets, those should be stored in `/guides/assets` +in the repository and always referenced with relative URLs (e.g. `assets/filename.jpg`). +By maintaining this convention the catalog compilation process will automatically +ensure that images and other assets are properly accessible to the guide. \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.css b/bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.css new file mode 100644 index 0000000..0fff5af --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.css @@ -0,0 +1,51 @@ +:host * { + box-sizing: border-box; +} + +:host(.search-on) { + left: 0; + background: inherit; + z-index: 1001; +} + +:host ::content iron-icon { + margin-right: 15px; + cursor: pointer; +} + +#search { + position: relative; +} + +#search iron-icon { + margin-right: 0; +} + +#search[show] { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 16px; + background: #fff; +} + +#search input { + display: none; + font-family: var(--primary-font-family); + font-size: 15px; + width: 100%; + padding: 10px; + border: 0; + border-radius: 2px; + -webkit-appearance: none; +} + +#search[show] input { + display: block; +} + +#search input:focus { + outline: 0; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.html b/bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.html new file mode 100644 index 0000000..791193f --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-bar/app-bar.html @@ -0,0 +1,124 @@ + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-cart/app-cart.html b/bower_components/polymer-element-catalog/app/elements/app-cart/app-cart.html new file mode 100644 index 0000000..d72e841 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-cart/app-cart.html @@ -0,0 +1,224 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-link/app-link.html b/bower_components/polymer-element-catalog/app/elements/app-link/app-link.html new file mode 100644 index 0000000..6e7fa51 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-link/app-link.html @@ -0,0 +1,21 @@ + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-logo/app-logo.html b/bower_components/polymer-element-catalog/app/elements/app-logo/app-logo.html new file mode 100644 index 0000000..8387e4c --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-logo/app-logo.html @@ -0,0 +1,60 @@ + + + + + diff --git a/bower_components/polymer-element-catalog/app/elements/app-shell/app-shell.html b/bower_components/polymer-element-catalog/app/elements/app-shell/app-shell.html new file mode 100644 index 0000000..c6beb19 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-shell/app-shell.html @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.css b/bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.css new file mode 100644 index 0000000..03185ca --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.css @@ -0,0 +1,52 @@ +:host { + height: 100%; + box-sizing: border-box; + z-index: 2; + background: white; + border-right: 1px solid #e5e5e5; + @apply(--layout); + @apply(--layout-vertical); + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +::content paper-toolbar { + --paper-toolbar-background: white; +} + +::content .section { + margin-bottom: 20px; + opacity: 0; + transform: translate(0, 100px); + transition: var(--material-curve-320); +} + +::content .section:first-child { transition-delay: 100ms; } +::content .section:nth-child(2) { transition-delay: 200ms; } +::content .section:nth-child(3) { transition-delay: 300ms; } +::content .section:nth-child(4) { transition-delay: 400ms; } + +::content .active .section { + transform: translate(0, 0); + opacity: 1; +} + +::content .section h5 { + @apply(--paper-font-body2); + border-top: 1px solid; + border-top-color: var(--divider-color); + margin: 24px 0 0 0; + padding: 16px 24px 12px 24px; +} + +::content .section p { + @apply(--paper-font-body1); + color: var(--secondary-text-color); + padding: 0 24px; + margin: 0; +} + +::content .content { + @apply(--layout-vertical); +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.html b/bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.html new file mode 100644 index 0000000..133b489 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-sidebar/app-sidebar.html @@ -0,0 +1,20 @@ + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/app-styles/app-styles.html b/bower_components/polymer-element-catalog/app/elements/app-styles/app-styles.html new file mode 100644 index 0000000..733220f --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/app-styles/app-styles.html @@ -0,0 +1,22 @@ + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/cart-icon/cart-icon.html b/bower_components/polymer-element-catalog/app/elements/cart-icon/cart-icon.html new file mode 100644 index 0000000..4e4baa5 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/cart-icon/cart-icon.html @@ -0,0 +1,58 @@ + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/cart-item-icon/cart-item-icon.html b/bower_components/polymer-element-catalog/app/elements/cart-item-icon/cart-item-icon.html new file mode 100644 index 0000000..1f2447e --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/cart-item-icon/cart-item-icon.html @@ -0,0 +1,60 @@ + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/cart-item/cart-item.html b/bower_components/polymer-element-catalog/app/elements/cart-item/cart-item.html new file mode 100644 index 0000000..279b0e1 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/cart-item/cart-item.html @@ -0,0 +1,55 @@ + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/catalog-cart/catalog-cart.html b/bower_components/polymer-element-catalog/app/elements/catalog-cart/catalog-cart.html new file mode 100644 index 0000000..39c46ce --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/catalog-cart/catalog-cart.html @@ -0,0 +1,100 @@ + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/catalog-data/catalog-data.html b/bower_components/polymer-element-catalog/app/elements/catalog-data/catalog-data.html new file mode 100644 index 0000000..f3a726e --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/catalog-data/catalog-data.html @@ -0,0 +1,109 @@ + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/catalog-element/catalog-element.html b/bower_components/polymer-element-catalog/app/elements/catalog-element/catalog-element.html new file mode 100644 index 0000000..92e0a3d --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/catalog-element/catalog-element.html @@ -0,0 +1,22 @@ + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/catalog-guide/catalog-guide.html b/bower_components/polymer-element-catalog/app/elements/catalog-guide/catalog-guide.html new file mode 100644 index 0000000..48edf7a --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/catalog-guide/catalog-guide.html @@ -0,0 +1,31 @@ + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/catalog-package/catalog-package.html b/bower_components/polymer-element-catalog/app/elements/catalog-package/catalog-package.html new file mode 100644 index 0000000..f659415 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/catalog-package/catalog-package.html @@ -0,0 +1,22 @@ + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/element-action-menu/element-action-menu.html b/bower_components/polymer-element-catalog/app/elements/element-action-menu/element-action-menu.html new file mode 100644 index 0000000..00663f7 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/element-action-menu/element-action-menu.html @@ -0,0 +1,116 @@ + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/element-card/element-card.html b/bower_components/polymer-element-catalog/app/elements/element-card/element-card.html new file mode 100644 index 0000000..c52b5dc --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/element-card/element-card.html @@ -0,0 +1,283 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/element-table-cards/element-table-cards.html b/bower_components/polymer-element-catalog/app/elements/element-table-cards/element-table-cards.html new file mode 100644 index 0000000..b26a63e --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/element-table-cards/element-table-cards.html @@ -0,0 +1,116 @@ + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/elements/element-table/element-table.html b/bower_components/polymer-element-catalog/app/elements/element-table/element-table.html new file mode 100644 index 0000000..fef6c92 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/element-table/element-table.html @@ -0,0 +1,240 @@ + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/elements/elements.html b/bower_components/polymer-element-catalog/app/elements/elements.html new file mode 100644 index 0000000..a289d33 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/elements.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.css b/bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.css new file mode 100644 index 0000000..9bea607 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.css @@ -0,0 +1,117 @@ +:host { + display: block; + width: 456px; + margin: 0 16px 16px; + background: white; +} + +#content { + border: 1px solid #e5e5e5; +} + +h3 { + font-size: 20px; + font-weight: 500; + margin: 0; + padding: 10px 16px 0; +} + +img { + width: 456px; + height: 220px; + background: #673AB7; + border: 0; +} + +p { + margin: 0; + line-height: 130%; + margin: 0 16px 16px; +} + +#el { + cursor: pointer; +} + +#el-graphic { + position: relative; + width: 100%; + height: 120px; + background: #ccc; + border-radius: 3px 3px 0 0; + overflow: hidden; +} + +#el-package package-symbol { + margin: 0 15px 0 0; +} + +.meta { + @apply(--paper-font-caption); + border-top: 1px solid; + border-bottom: 1px solid; + border-color: var(--divider-color); + padding: 10px 16px; +} + +.meta + .meta { + border-top: 0; +} + +.meta:last-child { + border-bottom: 0; +} + +#el-menu { + position: absolute; + width: 100%; + bottom: 0; + padding: 10px 16px; + background: rgba(0,0,0,.1); + box-sizing: border-box; + transform: translate(0, 20px); + transition: var(--material-curve-320); + opacity: 0; + visibility: hidden; +} + +#el-menu a { + display: block; + text-align: center; +} + +#el-menu a:hover { + color: #fff; +} + +#el-menu iron-icon { + margin: -2px 8px 0 0; +} + +#el-graphic:hover #el-menu { + visibility: visible; + transform: translate(0, 0); + opacity: 1; +} + +#el-desc { + @apply(--paper-font-body1); + color: var(--secondary-text-color); + margin: 0; + padding: 10px 16px; + height: 75px; +} + +#el-package { + font-weight: 500; +} + +#el-tags iron-icon { + margin: 0 15px 0 0; + padding: 5px; + color: var(--secondary-text-color); +} + +#el-tags tag-link:last-of-type + span { + display: none; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.html b/bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.html new file mode 100644 index 0000000..a9bb1a4 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/guide-card/guide-card.html @@ -0,0 +1,26 @@ + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/hero-image/hero-image.html b/bower_components/polymer-element-catalog/app/elements/hero-image/hero-image.html new file mode 100644 index 0000000..5788a45 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/hero-image/hero-image.html @@ -0,0 +1,43 @@ + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/package-symbol/package-symbol.html b/bower_components/polymer-element-catalog/app/elements/package-symbol/package-symbol.html new file mode 100644 index 0000000..d27b412 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/package-symbol/package-symbol.html @@ -0,0 +1,42 @@ + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.css b/bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.css new file mode 100644 index 0000000..8bcfd8b --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.css @@ -0,0 +1,120 @@ +:host { + display: block; + transition: var(--material-curve-320); + transform: translate(0, 60px); + opacity: 0; +} + +:host(.active) { + transform: translate(0, 0); + opacity: 1; +} + +#content { + display: block; + position: relative; + width: 100%; + background: #fafafa; + border-radius: 2px; + box-sizing: border-box; + overflow: hidden; + cursor: pointer; + transition: box-shadow 200ms; + transition-timing-function: var(--material-curve); + color: #606060; + border: none; + padding: 16px; +} + +:host(:hover) #content { + box-shadow: 0 5px 10px rgba(0,0,0,.15); +} + +h2 { + font-weight: 400; + font-size: 48px; + margin: 20px 0; + transform: translate(-50px, 0); + opacity: 0; + transition: all 500ms 320ms; + transition-timing-function: var(--material-curve-320); +} + +:host(.active) h2 { + transform: translate(0, 0); + opacity: 1; +} + +h3 { + transform: translate(-50px, 0); + opacity: 0; + transition: all 600ms 320ms; + transition-timing-function: var(--material-curve-320); +} + +:host(.active) h3 { + transform: translate(0, 0); + opacity: 1; +} + +hr { + border: 0; + background: #fff; + width: 0; + height: 1px; + opacity: 0.2; + margin: 0; + transition: width 400ms 320ms; + transition-timing-function: var(--material-curve-320); +} + +:host(.active) hr { + width: 100%; + background: #606060; + opacity: 1; +} + +.version { + position: absolute; + top: 16px; + right: 16px; + font-size: 13px; + transition: all 400ms 320ms; + transition-timing-function: var(--material-curve-320); + transform: translate(50px, 0); + opacity: 0; +} + +:host(.active) .version { + transform: translate(0, 0); + opacity: 0.8; +} + +.title { + display: table-caption; + margin: 0 0 15px; + height: 64px; + font-size: 20px; + font-weight: 500; + line-height: 28px; +} + +.title[extended] { + display: block; +} + +.tagline { + transition: all 700ms 320ms; + transition-timing-function: var(--material-curve-320); + transform: translate(-50px, 0); + opacity: 0; + font-size: 13px; + margin: 10px 0 0 0; + line-height: 20px; + height: 40px; +} + +:host(.active) .tagline { + transform: translate(0, 0); + opacity: 1; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.html b/bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.html new file mode 100644 index 0000000..3eebe94 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/package-tile/package-tile.html @@ -0,0 +1,37 @@ + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-browse.css b/bower_components/polymer-element-catalog/app/elements/pages/page-browse.css new file mode 100644 index 0000000..a39e7db --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-browse.css @@ -0,0 +1,278 @@ +:host { + background: #fafafa; +} + +a { + color: black; + text-decoration: none; +} + +#container { + background: #fafafa; +} + +.paper-header [paper-drawer-toggle] { + margin-left: 10px; +} + +.paper-header { + @apply(--layout-horizontal); + @apply(--layout-center); +} + +.paper-header h2 { + margin-left: 20px; + @apply(--layout-flex); +} + +.paper-header .toggleViewButton { + --paper-icon-button-ink-color: transparent; +} + +.paper-header .cartButton { + margin-right: 10px; +} + +#content { + overflow: auto; + -webkit-overflow-scrolling: touch; + padding: 0 10px; +} + +app-bar .menu-icon { + margin-right: 15px; +} + +.elements-title h2 { + @apply(--paper-font-title); + color: #424242; +} + +.elements-title iron-icon, .elements-title cart-icon { + cursor: pointer; + margin-left: 16px; +} + +.elements-title > [paper-drawer-toggle] { + margin: 0 16px 0 0; +} + +#package-heading .description { + font-size: 16px; + color: var(--paper-grey-600); +} + +#element-cards, element-table, +.elements-title, #package-heading { + max-width: 920px; + margin: 20px auto; +} + +#package-heading { + margin: 0px auto 16px; +} + +[size=xs] > * { + display: none; +} + +responsive-element[size=xs].layout { + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} + +[size=xs] app-sidebar { + min-width: 100%; + height: auto; +} + +[size=xs] app-sidebar paper-toolbar /deep/ #topBar { + padding: 0 16px; +} + +app-sidebar paper-toolbar { + --paper-toolbar-background: white; + --paper-toolbar: { + box-sizing: border-box; + } +} + +#package-tag { + display: none; +} + +#package-info { + position: relative; +} + +#package-header { + position: relative; + padding: 16px 24px 0 24px; + overflow: hidden; +} + +#package-header iron-icon { + cursor: pointer; +} + +#package-header package-symbol { + display: inline-block; + margin: 0; + transform: translate(-50px, 0); + opacity: 0; + transition: var(--material-curve-320); +} + +#package-title { + @apply(--paper-font-title); + margin: 0 0 20px; + transform: translate(-50px, 0); + opacity: 0; + transition: var(--material-curve-320); +} + +#package-tagline { + margin: 0; + padding-right: 80px; + transform: translate(-50px, 0); + opacity: 0; + transition: var(--material-curve-320); + font-size: 13px; + line-height: 20px; +} + +#package-version { + position: absolute; + top: 24px; + right: 16px; + transform: translate(50px, 0); + opacity: 0; + transition: var(--material-curve-320); +} + +#package-desc { + margin: 0; +} + +[size=xs] #package-title { + margin-bottom: 0; +} + +[size=xs] #package-tagline { + display: none; +} + +[size=xs] #package-tagline { + margin-top: 0; +} + +.active #package-header package-symbol, +.active #package-title, +.active #package-tagline { + transform: translate(0, 0); + opacity: 1; +} + +.active #package-version { + transform: translate(0, 0); + opacity: 0.6; +} + +#search { + height: 48px; + line-height: 48px; + margin-bottom: 12px; + position: relative; +} + +#search iron-icon { + margin-left: 16px; + margin-right: 8px; + position: absolute; + top: 12px; + left: 2px; +} + +#search input { + height: 46px; + -webkit-appearance: none; + line-height: 46px; + border: 0; + margin: 0; + padding-left: 50px; + border-bottom: 1px solid #e5e5e5; + border-top: 1px solid #e5e5e5; + @apply(--paper-font-body1); +} + +#search input:focus { + outline: 0; + background-color: #eceff1; + border-color: #cfd8dc; +} + +#search input::-webkit-search-cancel-button{ + position: relative; + right: 15px; +} + +#package-list { + padding: 0 0 10px; +} + +#package-list h5 { + margin: 10px 0; + padding: 0 16px; + color: rgba(0,0,0,.54); + font-weight: 500; +} + +#package-list .package { + display: block; + padding: 9px 16px; + font-weight: 500; + color: rgba(0,0,0,.87); + text-transform: none; + cursor: pointer; + border-width: 1px 0; +} + +#package-list .package[active] { + background: var(--paper-blue-grey-50); +} + +#package-list .package .all-symbol { + padding: 5px; +} + +#package-list .package package-symbol, #package-list .package .all-symbol { + margin-right: 15px; +} + +#current-tag { + background: #2196F3; + color: rgba(255,255,255,0.87); + padding: 12px; + font-size: 16px; +} + +#current-tag b { + margin-right: 6px; +} + +#current-tag span { + text-transform: uppercase; +} + +.tags tag-link:last-of-type + span { + display: none; +} + +[view=cards] element-table { + display: none; +} + +[view=table] #element-cards { + display: none; +} diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-browse.html b/bower_components/polymer-element-catalog/app/elements/pages/page-browse.html new file mode 100644 index 0000000..bdbf02a --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-browse.html @@ -0,0 +1,296 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-element.css b/bower_components/polymer-element-catalog/app/elements/pages/page-element.css new file mode 100644 index 0000000..abbed85 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-element.css @@ -0,0 +1,241 @@ +responsive-element[size=xs].layout { + flex-direction: column; +} + +[size=xs] app-sidebar { + min-width: 100%; + height: auto; +} + +app-sidebar paper-toolbar { + --paper-toolbar-background: white; + --paper-toolbar: { + box-sizing: border-box; + } +} + +[size=xs] app-sidebar paper-toolbar /deep/ #topBar { + padding: 0 16px; +} + +#package-heading { + height: 48px; + line-height: 48px; + background: var(--paper-blue-grey-50); + border: solid; + border-color: var(--paper-blue-grey-100); + border-width: 1px 0; + cursor: pointer; + font-weight: 500; +} + +#package-heading iron-icon { + margin: 0 0 0 4px; +} + +#package-heading package-symbol { + margin: 0 8px 0 2px; +} + +#element-header { + position: relative; + padding: 8px 16px; +} + +#element-header .version { + position: absolute; + top: 24px; + right: 16px; + font-size: 14px; + color: var(--paper-grey-500); +} + +#element-header h2 { + margin: 0; +} + +#element-desc p { + margin-bottom: 0; +} + +#element-tags tag-link:last-of-type + span { + display: none; +} + +[size=xs] .section { + display: none; +} + +paper-item, a.item { + display: block; + font-size: 14px; + padding: 4px 16px; + min-height: inherit; + cursor: pointer; + font-weight: 400; +} + +.nav { + display: block; + margin-top: 8px; +} + +.nav iron-icon { + width: 18px; + height: 18px; + margin-right: 8px; +} + +.nav [active] { + background: var(--paper-blue-grey-50); +} + +.nav [active] iron-icon { + color: var(--paper-blue-a700); +} + +.nav .item { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +app-sidebar h4 { + font-size: 14px; + font-weight: 500; + margin: 12px 16px; +} + +app-sidebar section { + border-top: 1px solid #e5e5e5; +} + +section[main] { + background: #fafafa; +} + +iron-component-page { + --iron-component-page-container: { + padding: 10px; + }; + --iron-component-page-max-width: 920px; +} + +:host([package-name=iron-elements]) iron-component-page { + --iron-doc-viewer-header: { + background-color: #81c784; + }; +} + +:host([package-name=gold-elements]) iron-component-page { + --iron-doc-viewer-header: { + background-color: #ffb74d; + }; +} + +:host([package-name=google-web-components]) iron-component-page { + --iron-doc-viewer-header: { + background-color: #64B5F6; + }; +} + +:host([package-name=neon-elements]) iron-component-page { + --iron-doc-viewer-header: { + background-color: #a7ffeb; + }; +} + +:host([package-name=platinum-elements]) iron-component-page { + --iron-doc-viewer-header: { + background-color: #cfd8dc; + }; +} + +:host([package-name=molecules]) iron-component-page { + --iron-doc-viewer-header: { + background-color: #ffab91; + }; +} + + +[narrow] iron-component-page { + top: 64px; +} + +[paper-drawer-toggle] { + position: absolute; + top: 12px; + left: 10px; +} + +cart-icon { + position: absolute; + top: 12px; + right: 10px; +} + +cart-item-icon { + --cart-item-icon-size: 18px; + --cart-item-icon-label: { + margin-left: 8px; + }; +} + +#other-elements { + overflow: hidden; + -webkit-flex-shrink: 5; + flex-shrink: 5; +} + +#other-elements .list { + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +#element-header, #package-heading, #nav, #cart-add { + -webkit-flex-shrink: 0; + flex-shrink: 0; +} + +.shrinkable { + overflow: hidden; + @apply(--layout); + @apply(--layout-vertical); +} + +.shrinkable .nav, .shrinkable .list { + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.bower-command-label { + margin: 10px 0 2px 17px; + font-size: 10px; + line-height: 16px; + font-weight: 500; +} + +.bower-command { + display: block; + height: 32px; + -webkit-flex-shrink: 0; + flex-shrink: 0; + padding: 10px 4px; + margin: 0 13px 12px; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid var(--paper-blue-grey-100); + border-radius: 2px; + font-size: 12px; + color: var(--paper-blue-grey-500); +} + +cart-icon { + transition: opacity 0.2; + -webkit-transition: opacity 0.2s; +} + +cart-icon[fade-out] { + opacity: 0; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-element.html b/bower_components/polymer-element-catalog/app/elements/pages/page-element.html new file mode 100644 index 0000000..663c57b --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-element.html @@ -0,0 +1,237 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-guide.html b/bower_components/polymer-element-catalog/app/elements/pages/page-guide.html new file mode 100644 index 0000000..61070f7 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-guide.html @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-not-found.html b/bower_components/polymer-element-catalog/app/elements/pages/page-not-found.html new file mode 100644 index 0000000..f20c877 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-not-found.html @@ -0,0 +1,40 @@ + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-packages.css b/bower_components/polymer-element-catalog/app/elements/pages/page-packages.css new file mode 100644 index 0000000..0b2c97d --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-packages.css @@ -0,0 +1,82 @@ +paper-header-panel { + background: #fafafa; +} + +.content { + display: block; + padding: 50px 0; +} + +.packages, #guides-container { + max-width: 1100px; + margin: 0 auto; +} + +cart-icon { + margin-left: 8px; +} + +@media (max-width: 1132px) { + .packages, #guides-container { + max-width: 880px; + } +} + +@media (max-width: 912px) { + .packages, #guides-container { + max-width: 660px; + } +} + +@media (max-width: 692px) { + .packages, #guides-container { + max-width: 440px; + } +} + +a.package { + width: 220px; + margin: 8px; +} + +@media (max-width: 489px) { + a.package { + width: calc(100% - 16px); + } +} + +.search.active { + left: 15px; +} + +@media (max-width: 639px) { + paper-toolbar /deep/ #topBar { + margin-top: 4px; + padding: 0 16px; + } +} + +guide-card, #coming-soon { + width: 456px; + cursor: pointer; + margin: 8px; +} + +@media (max-width: 489px) { + guide-card, #coming-soon { + width: 100%; + } +} + +#guides-container h3 { + margin: 36px 8px 8px; +} + +#coming-soon { + cursor: normal; + line-height: 76px; + text-align: center; + font-size: 16px; + color: rgba(0, 0, 0, var(--dark-primary-opacity)); + border: 1px dashed #e5e5e5; +} diff --git a/bower_components/polymer-element-catalog/app/elements/pages/page-packages.html b/bower_components/polymer-element-catalog/app/elements/pages/page-packages.html new file mode 100644 index 0000000..2c060a6 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/pages/page-packages.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/responsive-element/responsive-element.html b/bower_components/polymer-element-catalog/app/elements/responsive-element/responsive-element.html new file mode 100644 index 0000000..67f07ed --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/responsive-element/responsive-element.html @@ -0,0 +1,81 @@ + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/tag-link/tag-link.html b/bower_components/polymer-element-catalog/app/elements/tag-link/tag-link.html new file mode 100644 index 0000000..fd02c8f --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/tag-link/tag-link.html @@ -0,0 +1,38 @@ + + + + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/elements/theme-color/theme-color.html b/bower_components/polymer-element-catalog/app/elements/theme-color/theme-color.html new file mode 100644 index 0000000..eadbfd6 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/elements/theme-color/theme-color.html @@ -0,0 +1,56 @@ + + + \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/app/images/hero/random-1.svg b/bower_components/polymer-element-catalog/app/images/hero/random-1.svg new file mode 100644 index 0000000..b786afa --- /dev/null +++ b/bower_components/polymer-element-catalog/app/images/hero/random-1.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/images/hero/random-2.svg b/bower_components/polymer-element-catalog/app/images/hero/random-2.svg new file mode 100644 index 0000000..a537d1d --- /dev/null +++ b/bower_components/polymer-element-catalog/app/images/hero/random-2.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/images/hero/random-3.svg b/bower_components/polymer-element-catalog/app/images/hero/random-3.svg new file mode 100644 index 0000000..1d4756e --- /dev/null +++ b/bower_components/polymer-element-catalog/app/images/hero/random-3.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/images/hero/random-4.svg b/bower_components/polymer-element-catalog/app/images/hero/random-4.svg new file mode 100644 index 0000000..e92b62b --- /dev/null +++ b/bower_components/polymer-element-catalog/app/images/hero/random-4.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/images/p-logo-32.png b/bower_components/polymer-element-catalog/app/images/p-logo-32.png new file mode 100644 index 0000000..c1c8668 Binary files /dev/null and b/bower_components/polymer-element-catalog/app/images/p-logo-32.png differ diff --git a/bower_components/polymer-element-catalog/app/images/polymer.svg b/bower_components/polymer-element-catalog/app/images/polymer.svg new file mode 100644 index 0000000..fbf8a7c --- /dev/null +++ b/bower_components/polymer-element-catalog/app/images/polymer.svg @@ -0,0 +1,175 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/index.html b/bower_components/polymer-element-catalog/app/index.html new file mode 100644 index 0000000..0fdda47 --- /dev/null +++ b/bower_components/polymer-element-catalog/app/index.html @@ -0,0 +1,34 @@ + + + + + + + Polymer Element Catalog + + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/polymer-element-catalog/app/styles/main.css b/bower_components/polymer-element-catalog/app/styles/main.css new file mode 100644 index 0000000..0ed2e7a --- /dev/null +++ b/bower_components/polymer-element-catalog/app/styles/main.css @@ -0,0 +1,171 @@ +body { + font-family: Roboto, 'Noto', 'Helvetica Neue', Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + font-weight: 400; + color: #424242; + line-height: 20px; + font-size: 13px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +body, a { + color: #424242; +} + +pre, code { + font-family: Inconsolata, monospace; +} + +pre { + overflow-x: auto; +} + +h1, h2, h3, h4, h5, h6, a { + text-rendering: optimizeLegibility; +} + + +a { + text-decoration: none; + letter-spacing: 0; +} + +p { + font-size: 14px; + line-height: 22px; +} + +h1 { + font-size: 45px; + font-weight: 400; + letter-spacing: -.018em; + line-height: 48px; +} + +h2 { + font-weight: 400; + font-size: 18px; + letter-spacing: 0; + line-height: 48px; + margin: 8px 0; +} + +h3 { + font-size: 24px; + font-weight: 400; + letter-spacing: -.012em; + line-height: 32px; +} + +h4 { + font-size: 16px; + font-weight: 400; + line-height: 24px; +} + +h5, h6 { + font-size: 13px; + line-height: 20px; +} + +a { + font-size: 14px; + font-weight: 500; + letter-spacing: 0.018em; + line-height: 24px; +} + +catalog-app { + overflow: hidden; +} + +.menu-icon { + display: block; + width: 24px; + padding-top: 3px; + cursor: pointer; + box-sizing: border-box; + -webkit-user-select: none; +} + +.menu-bar { + display: block; + width: 18px; + height: 2px; + margin: 0 auto; + margin-bottom: 3px; + background: #333; + -webkit-transform-origin: center; + transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1); +} + +.menu-icon[active] .menu-bar { + opacity: 0; +} + +.menu-icon[active] .menu-bar:first-child { + -webkit-transform: rotate(45deg) translate(2px,2px); + margin-top: 4px; + opacity: 1; +} + +.menu-icon[active] .menu-bar:last-child { + -webkit-transform: rotate(-45deg) translate(5px,-5px); + opacity: 1; +} + +paper-toolbar { + color: #424242; + transition: height 450ms cubic-bezier(0.55, 0, 0.1, 1); +} + +paper-toolbar.medium-tall { + height: 107px; +} + +paper-toolbar nav { + margin: 12px 0 0 0; +} + +paper-toolbar nav a { + display: inline-block; + font-weight: 500; + line-height: 50px; + text-transform: none; + color: #666; + margin: 0 12px; + padding: 0 4px; +} + +paper-toolbar nav a:hover { + color: #536DFE; +} + +paper-toolbar nav a:first-child { + margin-left: 0; +} + +paper-toolbar nav .active { + color: black; + border-bottom: 2px solid #7986CB; +} + +iron-icon { + color: rgba(0,0,0,0.54); +} + +p a { + text-transform: none; + color: rgb(85,114,250); +} + +li p { + margin: 0; +} + +aside { + margin: 40px; + padding: 20px 40px; + background-color: #fafafa; + border: 1px solid #e5e5e5; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/bower.json b/bower_components/polymer-element-catalog/bower.json new file mode 100644 index 0000000..6f6447d --- /dev/null +++ b/bower_components/polymer-element-catalog/bower.json @@ -0,0 +1,32 @@ +{ + "name": "polymer-element-catalog", + "version": "1.0.11", + "authors": [ + "Google" + ], + "description": "A catalog showcasing Google's Web Components", + "main": "dist/index.html", + "license": "http://polymer.github.io/LICENSE.txt", + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "private": true, + "dependencies": { + "iron-elements": "PolymerElements/iron-elements#^1.0.0", + "paper-elements": "PolymerElements/paper-elements#^1.0.0", + "gold-elements": "PolymerElements/gold-elements#^1.0.0", + "neon-elements": "PolymerElements/neon-elements#^1.0.0", + "platinum-elements": "PolymerElements/platinum-elements#^1.0.0", + "google-web-components": "GoogleWebComponents/google-web-components#^1.0.0", + "molecules": "PolymerElements/molecules#^1.0.0", + "polymer": "Polymer/polymer#^1.0.0", + "app-router": "blasten/app-router#master", + "pushstate-anchor": "~0.3.0", + "color": "~2.5.0", + "hydrolysis": "PolymerLabs/hydrolysis#^1.11.0" + } +} diff --git a/bower_components/polymer-element-catalog/build/catalog/elements.js b/bower_components/polymer-element-catalog/build/catalog/elements.js new file mode 100644 index 0000000..5362394 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/elements.js @@ -0,0 +1,109 @@ +var path = require('path'); +var fs = require('fs-extra'); + +var _ = require('lodash'); +var async = require('async'); + +var stream = require('./utils/stream').obj; +var packageDetails = require('./utils/package-details'); +var packageElements = require('./utils/package-elements'); +var analyze = require('./utils/analyze'); +var cleanTags = require('./utils/clean-tags'); + +module.exports = function (imports) { + + var root = imports.root; + var destDir = imports.destDir; + var bowerFile = require(root + '/bower.json'); + var deps = bowerFile.dependencies; + + var data = []; + var out = {}; + + return stream.compose( + stream.parse('packages.*'), + stream.filter(function(package) { + + return deps[package.name]; + }), + stream.asyncMap(function (package, done) { + + var packageBower = packageDetails({ + root: root, + name: package.name + }); + + var elements = packageElements({ + name: package.name, + deps: packageBower.dependencies + }); + + var output = async.map(elements, function (elementName, cb) { + + var details = packageDetails({ + root: root, + name: elementName + }); + + fs.mkdirsSync(path.join(root, destDir, 'data', 'docs')); + if (typeof details.main === 'string') details.main = [details.main]; + analyze(root, destDir, elementName, details.main || [elementName + '.html'], function(err, data) { + // Set up object schema + console.log("-",elementName,"(" + details._release + ")"); + + var combined = data.elements.concat(data.behaviors); + var hero; + combined.forEach(function(el) { + if (el.hero) hero = '/bower_components/' + elementName + '/' + el.hero; + }); + + var active = null; + var demo = null; + for (var i in combined) { + if (combined[i].demos.length) { + active = combined[i].is; + demo = (combined[i].demos || [])[0] || null; + } + } + + cb(err, { + name: elementName, + version: details._release, + source: details._originalSource, + target: details._target, + package: package.name, + description: details.description, + tags: (details.keywords || []).filter(cleanTags), + hero: hero, + demo: demo, + active: active, + elements: (data.elements || []).map(function(el){ return el.is; }), + behaviors: (data.behaviors || []).map(function(be){ return be.is; }), + }); + }); + }, function(err, output) { + done(err, output); + }); + }), + + // Convert to objects from arrays (and flatten), + // and sort + stream.create( + function (chunk, enc, done) { + + data.push(chunk); + done(); + }, + function (done) { + + var sortedData = _(data) + .flatten() + .sortBy('name') + .value(); + + this.push(sortedData); + done(); + } + ) + ); +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/guides.js b/bower_components/polymer-element-catalog/build/catalog/guides.js new file mode 100644 index 0000000..d0ec8db --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/guides.js @@ -0,0 +1,131 @@ +var path = require('path'); + +var fs = require('graceful-fs'); +var _ = require('lodash'); +var gs = require('glob-stream'); +var fm = require('front-matter'); +var mkdirp = require('mkdirp'); + +var stream = require('./utils/stream').obj; +var render = require('./utils/render-guide'); + +module.exports = function (options) { + + var guideFilePaths = options.src; + var destDir = options.destDir; + var output = stream.create(); + + gs.create(guideFilePaths) + .pipe(stream.get('path')) + .pipe(getFileContents()) + .pipe(constructGuide(destDir)) + .pipe(output); + + return output; +}; + +function getFileContents () { + + return stream.asyncMap(function (filepath, enc, done) { + + fs.readFile(filepath, function (err, content) { + + done(err, { + path: filepath, + content: content.toString() + }); + }); + }); +} + +function constructGuide (destDir) { + + return stream.concurrent(function (file, enc, done) { + + var rawGuide = fm(file.content); + var packageName = getPackageName(file.path); + var guideName = getGuideName(file.path); + if (packageName) guideName = path.join(packageName, guideName); + + var guide = _(rawGuide.attributes) + //.omit('updated', 'summary') + .extend({ + name: guideName, + package: packageName + }) + .value(); + + // Convert markdown guides to HTML + writeGuidesFile({ + src: file.path, + dest: destDir, + body: rawGuide.body + }, function (err) { + + done(err, guide) + }); + }); +} + +function writeGuidesFile (options, done) { + + var src = options.src; + var body = options.body; + var destDir = options.dest; + + var guideDestPath = formatParsedGuideFilepath(src, destDir); + var dir = path.dirname(guideDestPath); + + mkdirp(dir, function (err) { + + if (err) { + return done(err); + } + + fs.writeFile(guideDestPath, render(body), done); + }); +} + +function getPackageName (filepath) { + + var segments = filepath.split('/'); + if (segments.indexOf('bower_components') >= 0) { + return segments[segments.length - 3]; + } +} + +function getGuideName (filepath) { + + var segments = filepath.split('/'); + return _.last(segments).split('.')[0]; +} + +function formatParsedGuideFilepath (srcPath, destDir) { + + var relativeSrcPath = srcPath + .replace(process.cwd() + path.sep, '') + .split('/') + .filter(function (segment) { + + return segment !== 'bower_components'; + }); + + // Elements in the bower_components directory + // need to have the guides segment put before the + // element name in the path + if (relativeSrcPath[0] !== 'guides') { + relativeSrcPath[1] = relativeSrcPath[0]; + relativeSrcPath[0] = 'guides'; + } + + var filename = _.last(relativeSrcPath).split('.')[0] + '.html'; + relativeSrcPath = path.dirname(relativeSrcPath.join('/')); + + return path.join( + process.cwd(), + destDir, + 'data', + relativeSrcPath, + filename + ); +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/index.js b/bower_components/polymer-element-catalog/build/catalog/index.js new file mode 100644 index 0000000..04b7469 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/index.js @@ -0,0 +1,44 @@ +#!/usr/bin/env node + +var fs = require('fs'); +var path = require('path'); + +var _ = require('lodash'); + +var packages = require('./packages'); +var elements = require('./elements'); +var tags = require('./tags'); +var guides = require('./guides'); +var objectFromStreams = require('./utils/object-from-streams'); + +module.exports = function (options) { + + var srcFilepath = options.src; + var destDir = options.destDir; + + var root = path.resolve(__dirname, '../../'); + var srcCatalog = fs.createReadStream(srcFilepath); + var guideFilepaths = [ + path.resolve(process.cwd(), 'guides', '**.md')//, + //path.resolve(process.cwd(), 'bower_components', '**', 'guides', '**.md') + ]; + + var elementsStream = srcCatalog.pipe(elements({root: root, destDir: destDir})); + var guidesStream = guides({ + src: guideFilepaths, + destDir: destDir + }); + + return objectFromStreams({ + packages: srcCatalog.pipe(packages({ + root: root, + guides: guidesStream + })), + elements: elementsStream, + tags: { + data: elementsStream.pipe(tags()), + onArray: _.first + }, + guides: guidesStream + }); +}; \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/packages.js b/bower_components/polymer-element-catalog/build/catalog/packages.js new file mode 100644 index 0000000..e57d227 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/packages.js @@ -0,0 +1,52 @@ +var _ = require('lodash'); + +var stream = require('./utils/stream').obj; +var packageDetails = require('./utils/package-details'); +var packageElements = require('./utils/package-elements'); +var parseVersion = require('./utils/parse-version'); + +module.exports = function (imports) { + + var root = imports.root; + var bowerFile = require(root + '/bower.json'); + var deps = bowerFile.dependencies; + var guidesStream = imports.guides; + + return stream.compose( + stream.parse('packages.*'), + stream.filter(function (package) { + + return deps[package.name]; + }), + stream.asyncMap(function (package, done) { + + var details = packageDetails({ + root: root, + name: package.name + }); + + var elements = packageElements({ + name: package.name, + deps: details.dependencies + }); + + // Parse all guides and add to packages meta + guidesStream + .pipe(stream.filter(function (guide) { + + return guide.package === package.name + })) + .pipe(stream.concat(function (guides) { + + package.version = details._release; + package.description = details.description; + package.elements = elements; + package.guides = _.pluck(guides, 'name'); + + console.log("===",package.name,"(" + details._release + ")"); + + done(null, package); + })); + }) + ); +}; \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/tags.js b/bower_components/polymer-element-catalog/build/catalog/tags.js new file mode 100644 index 0000000..73b593a --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/tags.js @@ -0,0 +1,20 @@ +var path = require('path'); + +var _ = require('lodash'); + +var stream = require('./utils/stream').obj; +var packageDetails = require('./utils/package-details'); +var packageElements = require('./utils/package-elements'); + +module.exports = function (imports) { + + return stream.map(function (element) { + + var tags = element.tags; + + // TODO: parse tags from elements. None of them + // have any tags yet + + return {}; + }); +}; \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/analyze.js b/bower_components/polymer-element-catalog/build/catalog/utils/analyze.js new file mode 100644 index 0000000..b734bb2 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/analyze.js @@ -0,0 +1,70 @@ +var path = require('path'); +var fs = require('fs-extra'); +var Analyzer = require('hydrolysis').Analyzer; +var FileLoader = require('hydrolysis/lib/loader/file-loader'); +var FSResolver = require('hydrolysis/lib/loader/fs-resolver'); +var Promise = require('es6-promise').Promise; + +module.exports = function(root, destDir, elementName, sources, callback) { + var elRoot = path.join(root, 'bower_components', elementName); + var elPath = path.join(elRoot, elementName + '.html'); + var sourcePaths = sources.map(function(source) { + return (source.indexOf('/') >= 0) ? source : path.join(elRoot,source); + }); + var loader = new FileLoader(); + + Promise.all(sourcePaths.filter(function(path) { + return fs.existsSync(path); + }).map(function(path) { + return Analyzer.analyze(path, + { + clean: true, + filter: function(href){ + if (href.indexOf("http://") > -1 || href.indexOf("https://") > -1) { + return true; + } else { + return false; + } + } + }) + .then(function(analyzer){ + return { + elements: analyzer.elementsForFolder(path), + behaviors: analyzer.behaviorsForFolder(path), + features: [] + }; + }); + })).then(function(values) { + var out = {elements: [], behaviors: [], features: [], elementsByTagName: {}}; + values.forEach(function(data) { + var els = out.elements.map(function(el){ return el.is }); + var bes = out.behaviors.map(function(be){ return be.is }); + data.elements.forEach(function(element){ + element.scriptElement = undefined; + element.behaviors && element.behaviors.forEach(function(behavior){ + behavior.javascriptNode = undefined; + }); + element.properties && element.properties.forEach(function(property){ + property.javascriptNode = undefined; + }); + }) + + out.elements = out.elements.concat(data.elements && data.elements.filter(function(el) { return els.indexOf(el.is) < 0 }) || []); + out.behaviors = out.behaviors.concat(data.behaviors && data.behaviors.filter(function(be) { return bes.indexOf(be.is) < 0 }) || []); + out.features = out.features.concat(data.features || []); + + data.elements.forEach(function(element) { + if (!out.elementsByTagName[element.is]) { + out.elementsByTagName[element.is] = element; + } + }); + }); + + fs.writeFileSync(path.join(root, destDir, 'data', 'docs', elementName + '.json'), JSON.stringify(out)); + + callback(null, out); + }).catch(function(err) { + console.error(err.stack); + callback(err); + }); +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/clean-tags.js b/bower_components/polymer-element-catalog/build/catalog/utils/clean-tags.js new file mode 100644 index 0000000..f315762 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/clean-tags.js @@ -0,0 +1,4 @@ +var excluded = ['web-components','polymer','web-component','gold','paper','google','iron']; +module.exports = function(tag) { + return excluded.indexOf(tag.toLowerCase()) < 0; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/object-from-streams.js b/bower_components/polymer-element-catalog/build/catalog/utils/object-from-streams.js new file mode 100644 index 0000000..ae5f244 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/object-from-streams.js @@ -0,0 +1,51 @@ +var _ = require('lodash'); +var asyncEach = require('async-each'); + +var stream = require('./stream').obj; + +module.exports = function (spec) { + + var objectStream = stream.create(); + + + asyncEach(Object.keys(spec), function (key, done) { + + if (stream.validate(spec[key])) { + spec[key].pipe(stream.concat(function (data) { + + var obj = {}; + obj[key] = data; + objectStream.push(obj); + + done(); + })); + } + + else if (typeof spec[key] === 'object' && spec[key].onArray && stream.validate(spec[key].data)) { + + spec[key].data.pipe(stream.concat(function (data) { + + var obj = {}; + obj[key] = spec[key].onArray(data); + objectStream.push(obj); + + done(); + })); + } + + else { + var obj = {}; + obj[key] = spec[key]; + objectStream.push(obj); + done(); + } + }, function () { + + objectStream.end(); + }); + + // TODO: right now this returns a stream containing the whole object. + // It might be could to split it by key? + return objectStream + .pipe(stream.reduce(_.extend)); +}; \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/package-details.js b/bower_components/polymer-element-catalog/build/catalog/utils/package-details.js new file mode 100644 index 0000000..cc1d2c3 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/package-details.js @@ -0,0 +1,15 @@ +var path = require('path'); +var fs = require('fs'); + +module.exports = function (imports) { + + var root = imports.root; + var name = imports.name; + + var packageBowerFilepath = path.resolve(root, 'bower_components/' + name + '/.bower.json'); + if (fs.existsSync(packageBowerFilepath)) { + return require(packageBowerFilepath); + } else { + return {}; + } +}; \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/package-elements.js b/bower_components/polymer-element-catalog/build/catalog/utils/package-elements.js new file mode 100644 index 0000000..601f826 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/package-elements.js @@ -0,0 +1,11 @@ +var _ = require('lodash'); + +module.exports = function (imports) { + + var name = imports.name; + var deps = imports.deps; + + deps = deps || {}; + + return _(deps).keys().value(); +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/parse-version.js b/bower_components/polymer-element-catalog/build/catalog/utils/parse-version.js new file mode 100644 index 0000000..ff6d342 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/parse-version.js @@ -0,0 +1,4 @@ +module.exports = function (version) { + + return (version.indexOf('#') > 0) ? version.split('#')[1] : version; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/render-guide.js b/bower_components/polymer-element-catalog/build/catalog/utils/render-guide.js new file mode 100644 index 0000000..83614a8 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/render-guide.js @@ -0,0 +1,32 @@ +var marked = require('marked'); + +var renderer = new marked.Renderer(); +var firstHeading = true; +var permalinks = []; + +renderer.heading = function(text, level) { + var permalink = text.toLowerCase().replace(/[^\w]+/g, '-'); + if (permalinks.indexOf(permalink) >= 0) { + permalink = permalink + "-1"; + } + permalinks.push(permalink); + + var htext = '' + text + ''; + + if (level === 2) { + var out = ""; + firstHeading ? firstHeading = false : out += "\n\n"; + return out + '
\n' + htext + '\n'; + } else { + return htext; + } +} + +module.exports = function(content) { + permalinks = []; + firstHeading = true; + + var out = marked(content, {renderer: renderer}); + out += '
' + return out; +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/build/catalog/utils/stream.js b/bower_components/polymer-element-catalog/build/catalog/utils/stream.js new file mode 100644 index 0000000..0b9a6a0 --- /dev/null +++ b/bower_components/polymer-element-catalog/build/catalog/utils/stream.js @@ -0,0 +1,75 @@ +var concat = require('concat-stream'); +var reduce = require('through2-reduce'); +var asyncMap = require('through2-asyncmap'); +var filter = require('through2-filter'); +var map = require('through2-map'); +var through = require('through2'); +var jsonStream = require('JSONStream'); +var isStream = require('is-stream'); +var split = require('split'); +var writeStreamP = require('writestreamp'); +var pumpify = require('pumpify'); +var from = require('from2'); +var concurrent = require('through2-concurrent'); +var eos = require('end-of-stream'); + +exports.create = through; +exports.split = split; +exports.writeFile = writeStreamP; +exports.from = from; +exports.concurrent = concurrent; +exports.onEnd = eos; + +exports.parse = jsonStream.parse.bind(jsonStream); +exports.stringify = jsonStream.stringify.bind(jsonStream); +exports.stringify.obj = jsonStream.stringifyObject = function (options) { + + options = options || {}; + + return through.obj(function (chunk, enc, done) { + + done(null, JSON.stringify(chunk, null, options.space)); + }); +} +exports.validate = isStream; + +exports.concat = concat; +exports.compose = pumpify; + +exports.reduce = reduce; +reduce.obj = function (fn) { + + return reduce.call(null, {objectMode: true}, fn); +} +exports.filter = filter; +exports.map = map; +exports.asyncMap = asyncMap; + +// Object mode +exports.obj = { + create: exports.create.obj, + split: exports.split.obj, + writeFile: exports.writeFile, + from: from.obj, + concurrent: exports.concurrent.obj, + onEnd: exports.onEnd, + + parse: exports.parse, + stringify: exports.stringify.obj, + validate: exports.validate, + + concat: exports.concat, + compose: exports.compose.obj, + + reduce: exports.reduce.obj, + filter: exports.filter.obj, + map: exports.map.obj, + asyncMap: exports.asyncMap.obj, + get: function (key) { + + return exports.obj.create(function (obj, enc, done) { + + done(null, obj[key]); + }); + } +}; diff --git a/bower_components/polymer-element-catalog/catalog.json b/bower_components/polymer-element-catalog/catalog.json new file mode 100644 index 0000000..573bc6a --- /dev/null +++ b/bower_components/polymer-element-catalog/catalog.json @@ -0,0 +1,53 @@ +{ + "packages": [ + { + "name":"iron-elements", + "title":"Iron Elements", + "color":"#81c784", + "symbol": "Fe", + "tagline":"Polymer core elements" + }, + { + "name":"paper-elements", + "title":"Paper Elements", + "color":"#ffffff", + "symbol": "Md", + "tagline":"Material design elements" + }, + { + "name":"google-web-components", + "title":"Google Web Components", + "color":"#64B5F6", + "symbol":"Go", + "tagline":"Components for Google's APIs and services" + }, + { + "name":"gold-elements", + "color":"#ffb74d", + "title":"Gold Elements", + "symbol": "Au", + "tagline":"Ecommerce Elements" + }, + { + "name":"neon-elements", + "title":"Neon Elements", + "color":"#a7ffeb", + "symbol":"Ne", + "tagline": "Animation and Special Effects" + }, + { + "name":"platinum-elements", + "title":"Platinum Elements", + "color":"#cfd8dc", + "symbol":"Pt", + "tagline":"Offline, push, and more" + }, + { + "name":"molecules", + "title":"Molecules", + "color":"#ffab91", + "symbol":"Mo", + "tagline": "Wrappers for third-party libraries" + } + ] +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/divshot.json b/bower_components/polymer-element-catalog/divshot.json new file mode 100644 index 0000000..c080ca4 --- /dev/null +++ b/bower_components/polymer-element-catalog/divshot.json @@ -0,0 +1,9 @@ +{ + "name": "polymer-element-catalog", + "root": "./dist", + "clean_urls": false, + "error_page": "error.html", + "routes": { + "**":"index.html" + } +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/firebase.json b/bower_components/polymer-element-catalog/firebase.json new file mode 100644 index 0000000..24bbbf7 --- /dev/null +++ b/bower_components/polymer-element-catalog/firebase.json @@ -0,0 +1,13 @@ +{ + "firebase": "sizzling-inferno-6187", + "public": "dist", + "ignore": [ + "firebase.json", + "**/.*", + "**/node_modules/**" + ], + "rewrites": [{ + "source":"**", + "destination":"/index.html" + }] +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/fixtures/catalog.json b/bower_components/polymer-element-catalog/fixtures/catalog.json new file mode 100644 index 0000000..ed9e770 --- /dev/null +++ b/bower_components/polymer-element-catalog/fixtures/catalog.json @@ -0,0 +1,118 @@ +{ + "packages": [ + { + "name":"iron-elements", + "title":"Iron Elements", + "version":"1.0.0", + "symbol":"Fe", + "color":"#81c784", + "tagline":"Polymer core elements", + "description":"Iron elements are a set of visual and non-visual utility elements. They include elements for working with layout, user input, selection, and scaffolding apps." + }, + { + "name":"gold-elements", + "title":"Gold Elements", + "symbol":"Au", + "color":"#ffb74d", + "version":"1.0.0", + "tagline":"Business elements", + "description":"Business elements provide UI and common utility components for eCommerce. They include elements such as checkout forms, product listings, and shopping carts." + }, + { + "name":"paper-elements", + "title":"Paper Elements", + "symbol":"Md", + "color":"#ffffff", + "version":"1.0.0", + "tagline":"Material design elements", + "description":"--TBD--" + }, + { + "name":"oxygen-elements", + "title":"Oxygen Elements", + "symbol":"O", + "color":"#4DD0E1", + "version":"1.0.0", + "tagline":"Data-pipes and specialized services", + "description":"--TBD--" + }, + { + "name":"neon-elements", + "title":"Neon Elements", + "symbol":"Ne", + "color":"#a7ffeb", + "version":"1.0.0", + "tagline":"Elements that implement special effects", + "description":"--TBD--" + }, + { + "name":"carbon-elements", + "title":"Carbon Elements", + "symbol":"C", + "color":"#b0bec5", + "version":"1.0.0", + "tagline":"Magical unknown element group", + "description":"--TBD--" + }, + { + "name":"molecules", + "title":"Molecules", + "symbol":"Mo", + "color":"#ffab91", + "version":"1.0.0", + "tagline":"Third-party library wrappers", + "description":"--TBD--" + }, + { + "name":"service-worker-elements", + "title":"Service Worker Elements", + "symbol":"Sw", + "color":"#ffeb3b", + "version":"1.0.0", + "tagline":"Offline and networking", + "description":"--TBD--" + } + ], + "elements": [ + { + "name":"iron-ajax", + "package":"iron-elements", + "description":"Make requests using AJAX", + "tags":["utility","data","app"] + }, + { + "name":"iron-toolbar", + "package":"iron-elements", + "description":"A horizontal bar useful for layout and navigation", + "tags":["ui","layout"] + }, + { + "name":"gold-checkout", + "package":"gold-elements", + "description":"A checkout form for collecting payment info.", + "tags":["ui","payments"] + }, + { + "name":"paper-item", + "package":"paper-elements", + "description":"A list item", + "tags":["ui","lists"] + } + ], + "guides": [ + { + "name":"example", + "title":"Example Guide", + "summary":"An example guide to live in place of all guides since we don't have any yet.", + "packages":["iron-elements","oxygen-elements"], + "elements":["iron-ajax","oxygen-foobar"] + } + ], + "tags": { + "app":["iron-ajax"], + "layout":["iron-toolbar"], + "data":["iron-ajax"], + "utility":["iron-ajax"], + "ui":["iron-toolbar"] + } +} \ No newline at end of file diff --git a/bower_components/polymer-element-catalog/fixtures/guides/example.html b/bower_components/polymer-element-catalog/fixtures/guides/example.html new file mode 100644 index 0000000..0122100 --- /dev/null +++ b/bower_components/polymer-element-catalog/fixtures/guides/example.html @@ -0,0 +1,3 @@ +

This is an example guide, it would normally be generated from Markdown found +in /guides but in the interest of getting something in the repo +it isn't this time.

\ No newline at end of file diff --git a/bower_components/polymer-element-catalog/guides/assets/custom-header.html b/bower_components/polymer-element-catalog/guides/assets/custom-header.html new file mode 100644 index 0000000..08767c7 --- /dev/null +++ b/bower_components/polymer-element-catalog/guides/assets/custom-header.html @@ -0,0 +1,28 @@ + + + + + + + + + + + +
Header
+
Content
+ + + diff --git a/bower_components/polymer-element-catalog/guides/assets/drawer.html b/bower_components/polymer-element-catalog/guides/assets/drawer.html new file mode 100644 index 0000000..2260fea --- /dev/null +++ b/bower_components/polymer-element-catalog/guides/assets/drawer.html @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + +
Application
+ +
Drawer content...
+ + + + +
Title
+ +
Main content...
+ + + + diff --git a/bower_components/polymer-element-catalog/guides/assets/header-and-toolbar.html b/bower_components/polymer-element-catalog/guides/assets/header-and-toolbar.html new file mode 100644 index 0000000..a7942b6 --- /dev/null +++ b/bower_components/polymer-element-catalog/guides/assets/header-and-toolbar.html @@ -0,0 +1,29 @@ + + + + + + + + + + + + + +
Header
+ +
Content
+ + + diff --git a/bower_components/polymer-element-catalog/guides/assets/icons.html b/bower_components/polymer-element-catalog/guides/assets/icons.html new file mode 100644 index 0000000..3bfefed --- /dev/null +++ b/bower_components/polymer-element-catalog/guides/assets/icons.html @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + +
Header
+ + + +
Content
+ + + diff --git a/bower_components/polymer-element-catalog/guides/assets/tabs.html b/bower_components/polymer-element-catalog/guides/assets/tabs.html new file mode 100644 index 0000000..937fb81 --- /dev/null +++ b/bower_components/polymer-element-catalog/guides/assets/tabs.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + Title + + + + ONE + TWO + + +
Content
+ + + diff --git a/bower_components/polymer-element-catalog/guides/assets/tall-header.html b/bower_components/polymer-element-catalog/guides/assets/tall-header.html new file mode 100644 index 0000000..ace7f6c --- /dev/null +++ b/bower_components/polymer-element-catalog/guides/assets/tall-header.html @@ -0,0 +1,29 @@ + + + + + + + + + + + + + +
Header
+ +
Content
+ + + diff --git a/bower_components/polymer-element-catalog/guides/assets/zip-file-contents.png b/bower_components/polymer-element-catalog/guides/assets/zip-file-contents.png new file mode 100644 index 0000000..5851ea2 Binary files /dev/null and b/bower_components/polymer-element-catalog/guides/assets/zip-file-contents.png differ diff --git a/bower_components/polymer-element-catalog/guides/flex-layout.md b/bower_components/polymer-element-catalog/guides/flex-layout.md new file mode 100644 index 0000000..d78f451 --- /dev/null +++ b/bower_components/polymer-element-catalog/guides/flex-layout.md @@ -0,0 +1,793 @@ +--- +title: Flexbox layout with iron-flex-layout +summary: "Simple flexbox layout" +tags: ['beginner'] +elements: ['iron-flex-layout'] +updated: 2015-05-03 +--- + + + +## Overview + +The `iron-flex-layout` component provides simple ways to use [CSS flexible box layout](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes), also known as _flexbox_. This component provides two different ways to use flexbox: + +* Layout classes. The layout class stylesheet provides a simple set of class-based flexbox rules. Layout classes + let you specify layout properties directly in markup. + +* Custom CSS mixins. The mixin stylesheet includes custom CSS mixins that can be applied + inside a CSS rule using the `@apply` function. + +Using the classes or CSS mixins is largely a matter of preference. The following sections discuss +how to use the each of the stylesheets. + + + +### Using layout classes + +To use layout classes import the `classes/iron-flex-layout` file. + + + +Then simply apply the classes to any element. + +
+ +Many of the layout rules involve combinations of multiple classes (such as `layout horizontal wrap` above). +The order in which the classes are specified doesn't matter, so `layout horizontal` and `horizontal layout` +are equivalent. + +_Currently_, the layout class stylesheet uses the `/deep/` combinator +and therefore, works across all local DOM boundaries. + +Because `/deep/` is slated to be removed from the shadow DOM spec, this +stylesheet will eventually be replaced by a set of rules that do not use +`/deep/`. When that happens, the stylesheet will need to be imported into each +scope where it's used. + +### Using layout mixins + +Custom mixins can be applied inside a Polymer +custom element's stylesheet, **or** inside a `custom-style` stylesheet to apply styles to the +main document. (They cannot be applied in the main document without a `custom-style` stylesheet.) + +**Example: using mixins in the main document** + + + + ... + + + + ... + + + + + + + +
+
One
+
Two
+
Three
+
+ + + +**Example: using mixins in a Polymer element** + + + + ... + + + + + + + + + + + + + +In general the mixins require a little more code to use, but they can be preferable if you +don't want to use the classes, or if you want to switch layouts based on a media query. + +Custom CSS properties and mixins are features provided by the Polymer library. +See [Cross-scope styling](https://www.polymer-project.org/1.0/docs/devguide/styling.html#xscope-styling) +in the Polymer developer guide. + +## Horizontal and vertical layout + +Create a flex container that lays out its children vertically or horizontally. + +Class | Mixin | Result +:-|:-|:- +layout horizontal| ‑‑layout-horizontal | Horizontal layout container. +layout vertical | ‑‑layout-verical | Vertical layout container. + +**Example: classes** + +
+
One
+
Two
+
Three
+
+ +**Example: mixins** + + + + + +