├── .gitignore ├── .ruby-version ├── 0.5 ├── .bowerrc ├── articles │ ├── accessible-web-components.md │ ├── communication.md │ ├── concatenating-web-components.md │ ├── demos │ │ ├── communication │ │ │ └── elements.html │ │ ├── polymer-xtag-vanilla │ │ │ ├── elements.html │ │ │ ├── example.html │ │ │ └── icon-button.html │ │ ├── spa │ │ │ ├── app-ajax.js │ │ │ ├── app.js │ │ │ ├── elements.html │ │ │ ├── example-ajax.html │ │ │ ├── example1-style.html │ │ │ ├── example1.html │ │ │ ├── example2.html │ │ │ ├── final.html │ │ │ ├── styles.css │ │ │ ├── vulcanized.html │ │ │ └── vulcanized.js │ │ ├── styling │ │ │ └── elements.html │ │ └── webview │ │ │ └── PolymerWebViewApp.zip │ ├── distributing-components-with-bower.md │ ├── images │ │ ├── accessible-web-components │ │ │ ├── animation.gif │ │ │ ├── image_0.png │ │ │ ├── image_1.png │ │ │ └── image_2.png │ │ ├── polymer-xtag-vanilla │ │ │ └── polymer-xtag-vanilla.jpg │ │ ├── spa │ │ │ └── screenshot.png │ │ ├── unit-testing-elements │ │ │ ├── wct-more-tests.png │ │ │ ├── wct-terminal.png │ │ │ └── wct-tests-passed.png │ │ └── webview │ │ │ ├── folders.png │ │ │ ├── sdkinstall.png │ │ │ └── sdkmanager.png │ ├── index.md │ ├── polymer-xtag-vanilla.md │ ├── spa.md │ ├── styling-elements.md │ ├── unit-testing-elements.md │ └── webview.md ├── bower.json ├── docs │ ├── elements │ │ ├── core-list-guide.css │ │ ├── core-list-guide.md │ │ ├── element-template.md │ │ ├── icons.md │ │ ├── index.md │ │ ├── layout-elements.md │ │ └── material.md │ ├── polymer │ │ ├── binding-types.md │ │ ├── databinding-advanced.md │ │ ├── databinding-compat.md │ │ ├── databinding.md │ │ ├── debugging.md │ │ ├── expressions.md │ │ ├── filters.md │ │ ├── helpers.md │ │ ├── layout-attrs.md │ │ ├── node_bind.md │ │ ├── polymer.md │ │ ├── runtime-config.md │ │ ├── styling.md │ │ ├── template.md │ │ └── touch.md │ └── start │ │ ├── components │ │ ├── age-slider │ │ │ ├── age-slider-plunker.html │ │ │ ├── age-slider.html │ │ │ ├── index.html │ │ │ └── manifest.json │ │ ├── color-picker │ │ │ ├── color-picker-plunker.html │ │ │ ├── color-picker.html │ │ │ ├── index.html │ │ │ └── manifest.json │ │ ├── computed-property.html │ │ ├── editable-color-picker │ │ │ ├── editable-color-picker-plunker.html │ │ │ ├── editable-color-picker.html │ │ │ ├── index.html │ │ │ └── manifest.json │ │ ├── fav-color │ │ │ ├── fav-color-plunker.html │ │ │ ├── fav-color.html │ │ │ ├── index.html │ │ │ └── manifest.json │ │ ├── name-tag │ │ │ ├── index.html │ │ │ ├── manifest.json │ │ │ ├── name-tag-plunker.html │ │ │ └── name-tag.html │ │ ├── proto-element │ │ │ ├── index.html │ │ │ ├── manifest.json │ │ │ ├── proto-element-plunker.html │ │ │ └── proto-element.html │ │ └── ready-element │ │ │ ├── index.html │ │ │ ├── manifest.json │ │ │ ├── ready-element-plunker.html │ │ │ └── ready-element.html │ │ ├── creatingelements.md │ │ ├── customelements.md │ │ ├── everything.md │ │ ├── getting-the-code.md │ │ ├── platform.md │ │ ├── reusableelements.md │ │ ├── tutorial │ │ ├── intro.md │ │ ├── step-1.md │ │ ├── step-2.md │ │ ├── step-3.md │ │ ├── step-4.md │ │ └── tutorial.css │ │ └── usingelements.md ├── elements │ ├── app-bar.html │ ├── app-drawer.html │ ├── common_elements.html │ ├── common_elements.vulcanized.js │ ├── component-docs.html │ ├── demo-tabs.html │ ├── doc-page.html │ ├── docs-menu.html │ ├── dropdown-panel.html │ ├── feature-carousel.html │ ├── homepage_elements.html │ ├── homepage_elements.vulcanized.js │ ├── learn-tabs.html │ ├── paper-demo-elements.html │ ├── scroll-area.html │ ├── side-by-side.html │ └── site-banner.html ├── index.md ├── platform │ ├── custom-elements.md │ ├── html-imports.md │ ├── mdv │ │ └── observejs.md │ ├── mutation-observers.md │ ├── pointer-events.md │ ├── shadow-dom.md │ └── web-animations.md ├── resources │ ├── changelog.md │ ├── compatibility.md │ ├── discuss.md │ ├── faq.md │ ├── tooling-strategy.md │ └── video.md └── samples │ ├── core-list │ ├── core-list-images │ │ ├── index.html │ │ └── manifest.json │ ├── core-list-names │ │ ├── index.html │ │ └── manifest.json │ └── multiple-elements │ │ ├── index.html │ │ └── manifest.json │ ├── databinding │ ├── attribute-binding.html │ ├── auto-binding.html │ ├── greeting-tag.html │ ├── greeting-tag.js │ └── recursive-template.html │ ├── layout-attr.html │ ├── layout-elements │ ├── drawer-app.html │ ├── header-app.html │ ├── scaffold-app.html │ └── toolbar-sample.html │ └── webanimations │ └── basic.html ├── 1.0 ├── .bowerrc ├── articles │ ├── index.md │ └── shadydom.md ├── bower.json ├── docs │ ├── api.md │ ├── devguide │ │ ├── behaviors.md │ │ ├── data-binding.md │ │ ├── events.md │ │ ├── experimental.md │ │ ├── feature-overview.md │ │ ├── local-dom.md │ │ ├── properties.md │ │ ├── registering-elements.md │ │ ├── settings.md │ │ ├── styling.md │ │ ├── templates.md │ │ └── utility-functions.md │ ├── index.md │ ├── migration.md │ ├── release-notes.md │ └── start │ │ ├── getting-the-code.md │ │ ├── quick-tour.md │ │ ├── reusableelements.md │ │ └── what-is-polymer.md ├── elements │ ├── app-bar.html │ ├── app-drawer.html │ ├── common_elements.html │ ├── component-docs.html │ ├── demo-tabs.html │ ├── doc-page.html │ ├── docs-menu.html │ ├── dropdown-panel.html │ ├── feature-carousel.html │ ├── homepage_elements.html │ ├── learn-tabs.html │ ├── paper-demo-elements.html │ ├── scroll-area.html │ ├── side-by-side.html │ └── site-banner.html ├── images │ ├── benchmark.svg │ ├── polymer1.0-01.svg │ ├── reusableelements │ │ ├── initial-folder-structure.png │ │ └── initial-folder-structure2.png │ ├── webcomponents_stack.svg │ └── zip-file-contents.png ├── index.md └── samples │ ├── .bowerrc │ ├── bower.json │ ├── homepage │ ├── contact-card │ │ ├── contact-card.css │ │ ├── contact-card.html │ │ └── index.html │ ├── friend-list │ │ ├── friend-list.css │ │ ├── friend-list.html │ │ └── index.html │ └── google-map │ │ └── index.html │ └── start │ ├── configurable-name-tag │ ├── configurable-name-tag-plunker.html │ ├── configurable-name-tag.html │ ├── index-plunker.html │ ├── index.html │ └── manifest.json │ ├── dom-element │ ├── dom-element-plunker.html │ ├── dom-element.html │ ├── index-plunker.html │ ├── index.html │ └── manifest.json │ ├── editable-name-tag │ ├── editable-name-tag-plunker.html │ ├── editable-name-tag.html │ ├── index-plunker.html │ ├── index.html │ └── manifest.json │ ├── name-tag │ ├── index-plunker.html │ ├── index.html │ ├── manifest.json │ ├── name-tag-plunker.html │ └── name-tag.html │ ├── picture-frame │ ├── index-plunker.html │ ├── index.html │ ├── manifest.json │ ├── picture-frame-plunker.html │ └── picture-frame.html │ └── proto-element │ ├── index-plunker.html │ ├── index.html │ ├── manifest.json │ ├── proto-element-plunker.html │ └── proto-element.html ├── CONTRIBUTING.md ├── Gemfile ├── Gemfile.lock ├── Gruntfile.js ├── README.md ├── _config.yml ├── _data ├── README.md ├── authors.yaml └── pagetypes.yaml ├── _includes ├── alpha.html ├── authorship.html ├── disqus.html ├── dropdown-panel-1-0.html ├── dropdown-panel.html ├── edit_on_github.html ├── experimental.html ├── footer.html ├── head.html ├── labs.html ├── not-an-intro.html ├── old-article-disclaimer.html ├── other-resources.html ├── outofdate.html ├── samples │ └── 0.8 │ │ ├── proto-element.html │ │ └── ready-element.html ├── spec-header.html ├── toc.html ├── top-nav-1-0.html └── top-nav.html ├── _layouts ├── default.html ├── default_1_0.html ├── home.html └── home_1_0.html ├── _plugins ├── directory.rb ├── domain_name.filter.rb ├── element_pages.rb ├── include_external.rb ├── list_components.rb ├── polymer_version_dir.rb ├── process_toc.rb ├── svg_support.rb └── trim.rb ├── app.yaml ├── config.rb ├── css ├── elementpage.css ├── elements │ ├── app-bar.css │ ├── demo-tabs.css │ ├── doc-page.css │ ├── docs-menu.css │ ├── feature-carousel.css │ ├── scroll-area.css │ └── site-banner.css ├── font-awesome │ ├── font-awesome-ie7.css │ ├── font-awesome-ie7.min.css │ ├── font-awesome.css │ └── font-awesome.min.css ├── homepage.css ├── material.css ├── mobile.css ├── paper-button.css ├── polymer.css ├── prettify │ ├── prettify.css │ └── sunburst.css ├── pygments │ └── default.css ├── site.css ├── site2.css ├── site2_sd_rules.css └── spec.css ├── humans.txt ├── images ├── architecture-diagram.svg ├── ariashadowdom.jpg ├── catalog_fadeout.png ├── changelog │ └── sinspect-screen.png ├── core-list │ ├── multiple-elements.png │ ├── small-images.png │ ├── unsorted-names.png │ └── variable-height-images.png ├── databinding │ ├── example-1-dom-old.png │ ├── example-1-dom.png │ ├── example-1.png │ ├── input-to-model.png │ └── update-model-array.png ├── debugging │ ├── bound-dom.png │ ├── custom-element.png │ ├── html-import-link.png │ ├── html-import.png │ ├── scope-object.png │ ├── templateinstance-model.png │ └── waitingfor.png ├── designer_fadeout.png ├── designer_screenshot.png ├── icons │ ├── android.svg │ ├── bug.png │ ├── github.png │ ├── loading_icon.png │ ├── loading_icon.svg │ ├── source.png │ ├── source.svg │ └── talk.png ├── instacod.png ├── layout-elements │ ├── drawer-app-closed.png │ ├── header-app.png │ ├── scaffold-app.png │ └── toolbar-sample.png ├── logos │ ├── html5logo.svg │ ├── js.jpg │ ├── lockup.png │ ├── lockup.svg │ ├── p-create-elements.png │ ├── p-create-elements.svg │ ├── p-elements.png │ ├── p-elements.svg │ ├── p-logo-16.png │ ├── p-logo-32.png │ ├── p-logo.png │ ├── p-logo.svg │ ├── p-platform.png │ ├── p-platform.svg │ ├── polymer_video_thumb.jpg │ └── webcomponents.png ├── paper-calculator.png ├── polycasts │ ├── PC001.jpg │ ├── PC002.jpg │ ├── PC003.jpg │ ├── PC004.jpg │ └── PC005.jpg ├── publishing-polymer-elements │ ├── image_0.png │ ├── image_1.png │ ├── image_2.png │ ├── image_3.png │ ├── image_4.png │ ├── image_5.png │ └── image_6.png ├── sampler-core.png ├── sampler-paper-square.png ├── sampler-paper.png ├── showshadowdom.png ├── topeka.png ├── topeka_small.png ├── topeka_square.png ├── tutorial │ ├── card.png │ ├── finished.png │ ├── step-1.png │ ├── step-2.png │ └── step-3.png ├── unquote.png └── zip-file-contents.png ├── js ├── app.js ├── dynamics.js └── prettify │ ├── lang-basic.js │ ├── lang-clj.js │ ├── lang-css.js │ ├── lang-dart.js │ ├── lang-go.js │ ├── lang-ml.js │ ├── lang-mumps.js │ ├── lang-n.js │ ├── lang-proto.js │ ├── lang-r.js │ ├── lang-rd.js │ ├── lang-tex.js │ ├── lang-vhdl.js │ ├── lang-wiki.js │ ├── lang-yaml.js │ ├── prettify.js │ └── run_prettify.js ├── main.py ├── package.json ├── sass ├── _base.scss ├── _tables.scss ├── _typography.scss ├── _vars.scss ├── elementpage.scss ├── elements │ ├── _elements.scss │ ├── app-bar.scss │ ├── demo-tabs.scss │ ├── doc-page.scss │ ├── docs-menu.scss │ ├── feature-carousel.scss │ ├── scroll-area.scss │ └── site-banner.scss ├── homepage.scss ├── material.scss ├── mobile.scss ├── paper-button.scss ├── polymer.scss ├── site2.scss ├── site2_sd_rules.scss └── spec.scss ├── scripts ├── deploy_site.sh ├── scrub_changelog.py └── update_bower.sh ├── summit ├── .bowerrc ├── README.md ├── app │ ├── elements.html │ ├── images │ │ ├── badge-blue.png │ │ ├── badge-blue@2x.png │ │ ├── badge-white.png │ │ ├── badge-white@2x.png │ │ ├── left-bg.png │ │ ├── muziekgebouw.jpg │ │ ├── polymer.svg │ │ └── right-bg.png │ ├── index.html │ └── styles │ │ └── main.css ├── bower.json ├── gulpfile.js └── package.json └── vulcanize_config.json /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | bower_components 3 | [0-9.]*/components 4 | [0-9.]*/samples/components 5 | polymer-all 6 | _site 7 | .DS_Store 8 | *.pyc 9 | .sass-cache 10 | *.vulcanized.html 11 | *.vulcanized.js 12 | *.sublime-* 13 | _data/versions 14 | .bundle 15 | summit/dist 16 | -------------------------------------------------------------------------------- /.ruby-version: -------------------------------------------------------------------------------- 1 | 2.2.0 2 | -------------------------------------------------------------------------------- /0.5/.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "components" 3 | } 4 | -------------------------------------------------------------------------------- /0.5/articles/demos/communication/elements.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 38 | 57 | 58 | -------------------------------------------------------------------------------- /0.5/articles/demos/polymer-xtag-vanilla/elements.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /0.5/articles/demos/polymer-xtag-vanilla/example.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |

Vanilla Custom Element

25 | 26 | 27 |
28 | 29 |

X-Tag Element

30 | 31 | 32 |
33 | 34 |

Polymer Element

35 | 36 | 37 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /0.5/articles/demos/polymer-xtag-vanilla/icon-button.html: -------------------------------------------------------------------------------- 1 | 10 | 15 | 30 | -------------------------------------------------------------------------------- /0.5/articles/demos/spa/app.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | "use strict"; 3 | 4 | var DEFAULT_ROUTE = 'one'; 5 | 6 | var template = document.querySelector('#t'); 7 | 8 | template.pages = [ 9 | {name: 'Single', hash: 'one'}, 10 | {name: 'page', hash: 'two'}, 11 | {name: 'app', hash: 'three'}, 12 | {name: 'using', hash: 'four'}, 13 | {name: 'Polymer', hash: 'five'} 14 | ]; 15 | 16 | template.addEventListener('template-bound', function(e) { 17 | var keys = document.querySelector('#keys'); 18 | 19 | // Allow selecting pages by num keypad. Dynamically add 20 | // [1, template.pages.length] to key mappings. 21 | var keysToAdd = Array.apply(null, template.pages).map(function(x, i) { 22 | return i + 1; 23 | }).reduce(function(x, y) { 24 | return x + ' ' + y; 25 | }); 26 | keys.keys += ' ' + keysToAdd; 27 | 28 | this.route = this.route || DEFAULT_ROUTE; // Select initial route. 29 | }); 30 | 31 | template.keyHandler = function(e, detail, sender) { 32 | var pages = document.querySelector('#pages'); 33 | 34 | // Select page by num key. 35 | var num = parseInt(detail.key); 36 | if (!isNaN(num) && num <= this.pages.length) { 37 | pages.selectIndex(num - 1); 38 | return; 39 | } 40 | 41 | switch (detail.key) { 42 | case 'left': 43 | case 'up': 44 | pages.selectPrevious(); 45 | break; 46 | case 'right': 47 | case 'down': 48 | pages.selectNext(); 49 | break; 50 | case 'space': 51 | detail.shift ? pages.selectPrevious() : pages.selectNext(); 52 | break; 53 | } 54 | }; 55 | 56 | template.cyclePages = function(e, detail, sender) { 57 | // Click clicks should navigate and not cycle pages. 58 | if (e.path[0].localName == 'a') { 59 | return; 60 | } 61 | 62 | e.shiftKey ? sender.selectPrevious(true) : sender.selectNext(true); 63 | }; 64 | 65 | template.menuItemSelected = function(e, detail, sender) { 66 | if (detail.isSelected) { 67 | document.querySelector('#scaffold').closeDrawer(); 68 | } 69 | }; 70 | 71 | })(); 72 | -------------------------------------------------------------------------------- /0.5/articles/demos/spa/elements.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /0.5/articles/demos/spa/example1-style.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Single page app using Polymer 7 | 8 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 42 | 43 | 44 |
45 | 46 | 47 | 48 | 49 |
50 | 51 |
52 |
Single
53 |
54 |
55 |
page
56 |
57 |
58 |
app
59 |
60 |
61 |
using
62 |
63 |
64 |
Polymer
65 |
66 | 67 |
68 | 69 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /0.5/articles/demos/spa/example1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Single page app using Polymer 7 | 8 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 41 | 42 | 43 |
44 | 45 | 46 | 47 | 48 |
49 | 50 |
51 |
Single
52 |
53 |
54 |
page
55 |
56 |
57 |
app
58 |
59 |
60 |
using
61 |
62 |
63 |
Polymer
64 |
65 | 66 |
67 | 68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /0.5/articles/demos/spa/example2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Single page app using Polymer 7 | 8 | 10 | 11 | 12 | 13 | 14 | 15 | 53 | 54 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /0.5/articles/demos/spa/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "RobotoDraft"; 3 | font-weight: 300; 4 | } 5 | 6 | core-animated-pages { 7 | width: 85%; 8 | height: 85%; 9 | -webkit-user-select: none; 10 | overflow: hidden; 11 | } 12 | 13 | core-animated-pages > * { 14 | border-radius: 5px; 15 | font-size: 50px; 16 | background-color: white; 17 | } 18 | 19 | body /deep/ core-toolbar { 20 | background-color: #03a9f4; 21 | color: #fff; 22 | } 23 | 24 | core-menu { 25 | color: #01579b; 26 | margin: 10px 0 0 0; 27 | } 28 | 29 | core-menu > paper-item { 30 | transition: all 300ms ease-in-out; 31 | } 32 | 33 | paper-item a { 34 | text-decoration: none; 35 | color: currentcolor; 36 | margin-left: 5px; 37 | } 38 | 39 | core-menu > paper-item.core-selected { 40 | background: #e1f5fe; 41 | } 42 | 43 | @media all and (max-width: 480px) { 44 | core-animated-pages { 45 | width: 100%; 46 | height: 100%; 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /0.5/articles/demos/styling/elements.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 30 | 31 | 32 | 33 | 44 | 51 | 52 | 53 | 54 | 61 | 64 | 65 | 66 | 67 | 74 | -------------------------------------------------------------------------------- /0.5/articles/demos/webview/PolymerWebViewApp.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/demos/webview/PolymerWebViewApp.zip -------------------------------------------------------------------------------- /0.5/articles/images/accessible-web-components/animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/accessible-web-components/animation.gif -------------------------------------------------------------------------------- /0.5/articles/images/accessible-web-components/image_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/accessible-web-components/image_0.png -------------------------------------------------------------------------------- /0.5/articles/images/accessible-web-components/image_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/accessible-web-components/image_1.png -------------------------------------------------------------------------------- /0.5/articles/images/accessible-web-components/image_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/accessible-web-components/image_2.png -------------------------------------------------------------------------------- /0.5/articles/images/polymer-xtag-vanilla/polymer-xtag-vanilla.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/polymer-xtag-vanilla/polymer-xtag-vanilla.jpg -------------------------------------------------------------------------------- /0.5/articles/images/spa/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/spa/screenshot.png -------------------------------------------------------------------------------- /0.5/articles/images/unit-testing-elements/wct-more-tests.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/unit-testing-elements/wct-more-tests.png -------------------------------------------------------------------------------- /0.5/articles/images/unit-testing-elements/wct-terminal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/unit-testing-elements/wct-terminal.png -------------------------------------------------------------------------------- /0.5/articles/images/unit-testing-elements/wct-tests-passed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/unit-testing-elements/wct-tests-passed.png -------------------------------------------------------------------------------- /0.5/articles/images/webview/folders.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/webview/folders.png -------------------------------------------------------------------------------- /0.5/articles/images/webview/sdkinstall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/webview/sdkinstall.png -------------------------------------------------------------------------------- /0.5/articles/images/webview/sdkmanager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/0.5/articles/images/webview/sdkmanager.png -------------------------------------------------------------------------------- /0.5/articles/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | type: guide 4 | shortname: Docs 5 | title: Articles 6 | subtitle: Core concepts of build apps on top of Polymer and web components 7 | 8 | add_permalinks: false 9 | --- 10 | 11 | {% assign articles = (site.pages | where:"article",true %} 12 | {% assign sorted_pages = articles | sort: 'published' | reverse %} 13 | 14 | {% for p in sorted_pages %} 15 | 16 | {% unless p.draft %} 17 | 18 | {% if p.article %} 19 | 20 | {% assign pubdate = p.published | date: "%Y-%m-%d" %} 21 | {% assign updated = p.updated | date: "%Y-%m-%d" %} 22 | {% assign author = site.data.authors[p.author] %} 23 | {% assign collaborator = site.data.authors[p.collaborator] %} 24 | 25 | {::options parse_block_html="true" /} 26 |
27 | ## [{{ p.title }}]({{ p.url }}) 28 | 29 | 32 | 33 |
34 | ![{{author.full_name}} profile pic]({{author.profile_pic}} "{{author.full_name}}") 35 | {{author.full_name}} 36 | 37 | {% if collaborator %} 38 | and ![{{collaborator.full_name}} profile pic]({{collaborator.profile_pic}} "{{collaborator.full_name}}") 39 | {{collaborator.full_name}} 40 | {% endif %} 41 | 42 | , 43 | 44 | {% if p.updated %}(updated ){% endif %} 45 |
46 | 47 |

{{p.description}}

48 | 49 |
50 | {% endif %} 51 | 52 | {% endunless %} 53 | 54 | {% endfor %} 55 | 56 |
57 | _Have an idea for an article? [Suggest it](https://github.com/Polymer/docs/issues/new?labels=article)!_ 58 |
59 | -------------------------------------------------------------------------------- /0.5/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "polymer-site", 3 | "version": "0.0.0", 4 | "homepage": "https://github.com/Polymer/docs", 5 | "authors": [ 6 | "Eric Bidelman " 7 | ], 8 | "description": "Polymer website", 9 | "keywords": [ 10 | "polymer", 11 | "web components", 12 | "documentation" 13 | ], 14 | "license": "MIT", 15 | "private": true, 16 | "ignore": [ 17 | "**/.*", 18 | "node_modules", 19 | "bower_components", 20 | "test", 21 | "tests" 22 | ], 23 | "dependencies": { 24 | "smoothscroll": "^0.0.2", 25 | "x-tag-imports": "x-tag/x-tag-imports#latest", 26 | "marked": "*", 27 | "highlightjs": "*", 28 | "plunker-button": "robdodson/plunker-button#latest", 29 | "core-elements": "Polymer/core-elements#latest", 30 | "paper-elements": "Polymer/paper-elements#latest", 31 | "component-download-button": "Polymer/component-download-button#latest", 32 | "code-explainer": "Polymer/code-explainer#latest", 33 | "google-youtube": "GoogleWebComponents/google-youtube#latest", 34 | "paper-calculator": "Polymer/paper-calculator#latest", 35 | "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.1" 36 | }, 37 | "resolutions": { 38 | "webcomponentsjs": "^0.7.1" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /0.5/docs/elements/core-list-guide.css: -------------------------------------------------------------------------------- 1 | .link_button { 2 | -webkit-border-radius: 4px; 3 | -moz-border-radius: 4px; 4 | border-radius: 4px; 5 | border: solid 1px #20538D; 6 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); 7 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 8 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 9 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 10 | background: #3367d6; 11 | color: #FFF; 12 | padding: 2px 6px; 13 | text-decoration: none; 14 | } 15 | 16 | plunker-button::shadow paper-button { 17 | color: white; 18 | background-color: #3367d6; 19 | } 20 | 21 | .left-image { 22 | float: left; 23 | } 24 | 25 | .center-image { 26 | float: left; 27 | margin-left: 30px; 28 | } 29 | 30 | .right-image { 31 | margin-left: 30px; 32 | } 33 | 34 | .left-pre { 35 | float:left; 36 | margin-top:0px; 37 | margin-right:20px; 38 | } 39 | 40 | .side-image { 41 | display:block; 42 | } 43 | -------------------------------------------------------------------------------- /0.5/docs/elements/element-template.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | published: false 4 | --- 5 | 6 | 7 | 8 | 9 | {% assign element = site.data.versions["0_5"]["elements"][page.element] %} 10 | 11 | 12 | 13 | 23 | -------------------------------------------------------------------------------- /0.5/docs/polymer/filters.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | type: guide 4 | shortname: Docs 5 | title: Filters 6 | subtitle: Data-binding 7 | --- 8 | 9 | 10 | 11 | This content has moved [here](expressions.html#filters). 12 | -------------------------------------------------------------------------------- /0.5/docs/start/components/age-slider/age-slider-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 17 | 32 | 33 | -------------------------------------------------------------------------------- /0.5/docs/start/components/age-slider/age-slider.html: -------------------------------------------------------------------------------- 1 | 2 | 14 | 29 | 30 | -------------------------------------------------------------------------------- /0.5/docs/start/components/age-slider/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/age-slider/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Binding between components and built-in elements", 3 | "description": "You can use bindings with built-in elements just like you would with Polymer elements.", 4 | "files": [ 5 | "index.html", 6 | "age-slider-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /0.5/docs/start/components/color-picker/color-picker-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 6 | 10 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /0.5/docs/start/components/color-picker/color-picker.html: -------------------------------------------------------------------------------- 1 | 3 | 7 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /0.5/docs/start/components/color-picker/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/color-picker/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Publishing properties", 3 | "description": "Published properties can be used to define an element’s “public API”.", 4 | "files": [ 5 | "index.html", 6 | "color-picker-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /0.5/docs/start/components/computed-property.html: -------------------------------------------------------------------------------- 1 | 2 | 7 | 15 | 16 | -------------------------------------------------------------------------------- /0.5/docs/start/components/editable-color-picker/editable-color-picker-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 14 | 23 | 24 | -------------------------------------------------------------------------------- /0.5/docs/start/components/editable-color-picker/editable-color-picker.html: -------------------------------------------------------------------------------- 1 | 2 | 11 | 20 | 21 | -------------------------------------------------------------------------------- /0.5/docs/start/components/editable-color-picker/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/editable-color-picker/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Automatic node finding", 3 | "description": "Each Polymer element generates a map of IDs to node references in the element’s template.", 4 | "files": [ 5 | "index.html", 6 | "editable-color-picker-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /0.5/docs/start/components/fav-color/fav-color-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 10 | 16 | 17 | -------------------------------------------------------------------------------- /0.5/docs/start/components/fav-color/fav-color.html: -------------------------------------------------------------------------------- 1 | 2 | 7 | 13 | 14 | -------------------------------------------------------------------------------- /0.5/docs/start/components/fav-color/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/fav-color/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Binding to markup", 3 | "description": "You can use binding expressions in most HTML markup, except for tag names themselves.", 4 | "files": [ 5 | "index.html", 6 | "fav-color-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /0.5/docs/start/components/name-tag/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/name-tag/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Declarative data binding", 3 | "description": "You can bind properties in your component using the “double-mustache” syntax ({{}}).", 4 | "files": [ 5 | "index.html", 6 | "name-tag-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /0.5/docs/start/components/name-tag/name-tag-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 8 | 13 | 14 | -------------------------------------------------------------------------------- /0.5/docs/start/components/name-tag/name-tag.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/proto-element/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/proto-element/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Add properties and methods", 3 | "description": "Add properties and methods to a Polymer element", 4 | "files": [ 5 | "index.html", 6 | "proto-element-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /0.5/docs/start/components/proto-element/proto-element-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 8 | 15 | 16 | -------------------------------------------------------------------------------- /0.5/docs/start/components/proto-element/proto-element.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 12 | 13 | -------------------------------------------------------------------------------- /0.5/docs/start/components/ready-element/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /0.5/docs/start/components/ready-element/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Adding lifecycle methods", 3 | "description": "Lifecycle callbacks are special methods you can define on your element which fire when the element goes through important transitions.", 4 | "files": [ 5 | "index.html", 6 | "ready-element-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /0.5/docs/start/components/ready-element/ready-element-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 9 | 18 | 19 | -------------------------------------------------------------------------------- /0.5/docs/start/components/ready-element/ready-element.html: -------------------------------------------------------------------------------- 1 | 2 | 6 | 15 | 16 | -------------------------------------------------------------------------------- /0.5/docs/start/customelements.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | type: start 4 | shortname: Start 5 | title: Custom elements 101 6 | subtitle: Learn about the foundation of Polymer-based apps 7 | --- 8 | 9 | 10 | 11 | This content has moved [here](../platform/custom-elements.html). 12 | 13 | -------------------------------------------------------------------------------- /0.5/docs/start/tutorial/tutorial.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | /* Shared styles for the tutorial */ 12 | img.sample { 13 | border: 1px solid #ccc; 14 | } 15 | pre.prettyprint { 16 | font-size: 13px; 17 | border: 1px solid #eaeaea; 18 | padding 5px !important; 19 | } 20 | side-by-side h4 { 21 | line-height: 16px; 22 | margin-top: 0px; 23 | margin-left: 25px; 24 | } 25 | side-by-side { 26 | margin: 10px 0px 30px 0px; 27 | } 28 | side-by-side pre { 29 | padding 5px 5px 5px 0px; 30 | margin: 10px 0px; 31 | } 32 | side-by-side ul { 33 | -webkit-padding-start: 25px; 34 | } 35 | pre .highlight, code .highlight { 36 | color: #000; 37 | } 38 | .divider { 39 | margin: 20px 0px; 40 | height: 3px; 41 | background: #eaeaea; 42 | border-radius: 2px; 43 | } 44 | .divider core-icon { 45 | margin-bottom: 1px; 46 | fill: #919cd6; 47 | background: #fff 48 | } 49 | -------------------------------------------------------------------------------- /0.5/elements/component-docs.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 27 | 61 | 62 | -------------------------------------------------------------------------------- /0.5/elements/homepage_elements.html: -------------------------------------------------------------------------------- 1 | 10 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /0.5/elements/paper-demo-elements.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /0.5/elements/side-by-side.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /0.5/elements/site-banner.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 24 | 36 | 37 | -------------------------------------------------------------------------------- /0.5/platform/html-imports.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | title: About HTML imports 4 | type: start 5 | shortname: Platform 6 | subtitle: Include HTML documents in other HTML documents. 7 | 8 | feature: 9 | spec: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/imports/index.html 10 | code: https://github.com/Polymer/webcomponentsjs 11 | summary: HTML Imports are a way to include and reuse HTML documents in other HTML documents. 12 | 13 | links: 14 | - "HTML5Rocks - HTML Imports: #include for the web": http://www.html5rocks.com/tutorials/webcomponents/imports/ 15 | --- 16 | 17 | {% include toc.html %} 18 | 19 | ## Why HTML Imports? 20 | 21 | HTML Imports let you include and reuse HTML documents in other HTML documents, 22 | just as ` 24 | -------------------------------------------------------------------------------- /0.5/resources/video.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | type: guide 4 | shortname: Videos 5 | title: Videos and presentations 6 | subtitle: Go deeper, learn more 7 | --- 8 | 9 |
10 | 11 |
12 | -------------------------------------------------------------------------------- /0.5/samples/core-list/core-list-images/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Core list with images", 3 | "description": "Core list with variable-height images using core-image.", 4 | "files": [ 5 | "index.html" 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /0.5/samples/core-list/core-list-names/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 23 | 24 | 25 | 26 | 37 | 38 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /0.5/samples/core-list/core-list-names/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Simple core list", 3 | "description": "Simple core list with text.", 4 | "files": [ 5 | "index.html" 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /0.5/samples/core-list/multiple-elements/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Core list with multiple elements", 3 | "description": "Core list with multiple elements", 4 | "files": [ 5 | "index.html" 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /0.5/samples/databinding/attribute-binding.html: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | JS Bin 14 | 15 | 17 | 18 | 19 | 20 | 21 |

Bind To Attributes

22 | 23 | 24 | 25 | 30 | 31 | 32 | 33 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /0.5/samples/databinding/auto-binding.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 16 | 17 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /0.5/samples/databinding/greeting-tag.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /0.5/samples/databinding/greeting-tag.js: -------------------------------------------------------------------------------- 1 | Polymer('greeting-tag', { 2 | ready: function() { 3 | this.salutations = [ 4 | {what: 'Hello', who: 'World'}, 5 | {what: 'Goodbye', who: 'DOM APIs'}, 6 | {what: 'Hello', who: 'Declarative'}, 7 | {what: 'Goodbye', who: 'Imperative'} 8 | ]; 9 | this.alternates = ['Hello', 'Hola', 'Howdy']; 10 | this.current = 0; 11 | }, 12 | updateModel: function() { 13 | this.current = (this.current + 1) % this.alternates.length; 14 | this.salutations[0].what = this.alternates[this.current]; 15 | } 16 | }); 17 | -------------------------------------------------------------------------------- /0.5/samples/layout-attr.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 20 | 21 | 22 | 23 |
Fitting a fullbleed body.
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /0.5/samples/layout-elements/header-app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 10 | 12 | 14 | 16 | 17 | 36 | 37 | 38 | 40 | 41 | 42 | 43 | 44 | 46 | Title 47 | 49 | 50 |

Sample content.

51 |

Sample content.

52 | 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /0.5/samples/layout-elements/scaffold-app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 21 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | Menu 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | Title 57 | 58 |
59 | If drawer is hidden, press button to display drawer. 60 |
61 | 62 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /0.5/samples/layout-elements/toolbar-sample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 10 | 12 | 14 | 16 | 18 | 19 | 30 | 31 | 32 | 33 | 34 | 35 | 37 | 38 | Title 39 | 40 | 42 | 43 | 44 | ONE 45 | TWO 46 | 47 | 48 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /0.5/samples/webanimations/basic.html: -------------------------------------------------------------------------------- 1 | 2 |
Hello world!
3 | 4 | -------------------------------------------------------------------------------- /1.0/.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "components" 3 | } 4 | -------------------------------------------------------------------------------- /1.0/articles/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | type: article 4 | shortname: Docs 5 | title: Articles 6 | subtitle: Core concepts of build apps on top of Polymer and web components 7 | 8 | add_permalinks: false 9 | --- 10 | 11 | {% assign articles = (site.pages | where:"article",true %} 12 | {% assign sorted_pages = articles | sort: 'published' | reverse %} 13 | 14 | {% for p in sorted_pages %} 15 | 16 | {% unless p.draft %} 17 | 18 | {% if p.article %} 19 | 20 | {% assign pubdate = p.published | date: "%Y-%m-%d" %} 21 | {% assign updated = p.updated | date: "%Y-%m-%d" %} 22 | {% assign author = site.data.authors[p.author] %} 23 | {% assign collaborator = site.data.authors[p.collaborator] %} 24 | {% assign polymer_version = p.polymer_version %} 25 | 26 | {::options parse_block_html="true" /} 27 |
28 | {% if polymer_version %} 29 | Polymer v{{polymer_version}} 30 | {% endif %} 31 | ## [{{ p.title }}]({{ p.url }}) 32 | 33 | 34 | 35 | 38 | 39 |
40 | ![{{author.full_name}} profile pic]({{author.profile_pic}} "{{author.full_name}}") 41 | {{author.full_name}} 42 | 43 | {% if collaborator %} 44 | and ![{{collaborator.full_name}} profile pic]({{collaborator.profile_pic}} "{{collaborator.full_name}}") 45 | {{collaborator.full_name}} 46 | {% endif %} 47 | 48 | , 49 | 50 | {% if p.updated %}(updated ){% endif %} 51 |
52 | 53 |

{{p.description}}

54 | 55 |
56 | {% endif %} 57 | 58 | {% endunless %} 59 | 60 | {% endfor %} 61 | 62 |
63 | _Have an idea for an article? [Suggest it](https://github.com/Polymer/docs/issues/new?labels=article)!_ 64 |
65 | -------------------------------------------------------------------------------- /1.0/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "polymer-site", 3 | "version": "0.0.0", 4 | "homepage": "https://github.com/Polymer/docs", 5 | "authors": [ 6 | "Eric Bidelman " 7 | ], 8 | "description": "Polymer website", 9 | "keywords": [ 10 | "polymer", 11 | "web components", 12 | "documentation" 13 | ], 14 | "license": "MIT", 15 | "private": true, 16 | "ignore": [ 17 | "**/.*", 18 | "node_modules", 19 | "bower_components", 20 | "test", 21 | "tests" 22 | ], 23 | "dependencies": { 24 | "smoothscroll": "^0.0.2", 25 | "x-tag-imports": "x-tag/x-tag-imports#latest", 26 | "marked": "*", 27 | "highlightjs": "*", 28 | "plunker-button": "robdodson/plunker-button#latest", 29 | "core-elements": "Polymer/core-elements#latest", 30 | "paper-elements": "Polymer/paper-elements#latest", 31 | "component-download-button": "Polymer/component-download-button#latest", 32 | "code-explainer": "Polymer/code-explainer#latest", 33 | "google-youtube": "GoogleWebComponents/google-youtube#latest", 34 | "google-map": "GoogleWebComponents/google-map#latest", 35 | "paper-calculator": "Polymer/paper-calculator#latest", 36 | "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.1" 37 | }, 38 | "resolutions": { 39 | "webcomponentsjs": "^0.7.1" 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /1.0/docs/api.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | type: guide 4 | shortname: API Primer 5 | title: Polymer 0.8 API Primer 6 | subtitle: Primer 7 | --- 8 | 9 | {% include toc.html %} 10 | 11 | STUFF 12 | -------------------------------------------------------------------------------- /1.0/docs/devguide/settings.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | type: guide 4 | shortname: Docs 5 | title: Global Polymer settings 6 | subtitle: Developer guide 7 | --- 8 | 9 | Document-level global {{site.project_title}} settings can be set 10 | by creating a `Polymer` object on window before importing the {{site.project_title}} 11 | library: 12 | 13 | 14 | 15 | 16 | 17 | 21 | 22 | 23 | 24 | 25 | 26 | ... 27 | 28 | **Note:** The _full_ version of `webcomponents.js` includes a stub version 29 | of the `Polymer` function. Setting the value this way avoids overwriting the 30 | stub. 31 | {: .alert .alert-info } 32 | 33 | 34 | Settings can also be switched on the URL query string: 35 | 36 | ``` 37 | http://myserver.com/test-app/index.html?dom=shadow 38 | ``` 39 | 40 | Available settings: 41 | 42 | * `dom` - options: 43 | * `shady`. All local DOM is rendered using shady DOM, even where shadow DOM is supported (current default). 44 | * `shadow`. Local DOM is rendered using shadow DOM where supported (this will be the default in the future). -------------------------------------------------------------------------------- /1.0/elements/component-docs.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 27 | 53 | 54 | -------------------------------------------------------------------------------- /1.0/elements/homepage_elements.html: -------------------------------------------------------------------------------- 1 | 10 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /1.0/elements/paper-demo-elements.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /1.0/elements/side-by-side.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /1.0/elements/site-banner.html: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 24 | 36 | 37 | -------------------------------------------------------------------------------- /1.0/images/reusableelements/initial-folder-structure.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/1.0/images/reusableelements/initial-folder-structure.png -------------------------------------------------------------------------------- /1.0/images/reusableelements/initial-folder-structure2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/1.0/images/reusableelements/initial-folder-structure2.png -------------------------------------------------------------------------------- /1.0/images/zip-file-contents.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/1.0/images/zip-file-contents.png -------------------------------------------------------------------------------- /1.0/samples/.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "components" 3 | } 4 | -------------------------------------------------------------------------------- /1.0/samples/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "polymer-site", 3 | "version": "0.0.0", 4 | "homepage": "https://github.com/Polymer/docs", 5 | "authors": [ 6 | "Eric Bidelman " 7 | ], 8 | "description": "Polymer website", 9 | "keywords": [ 10 | "polymer", 11 | "web components", 12 | "documentation" 13 | ], 14 | "license": "MIT", 15 | "private": true, 16 | "ignore": [ 17 | "**/.*", 18 | "node_modules", 19 | "bower_components", 20 | "test", 21 | "tests" 22 | ], 23 | "dependencies": { 24 | "polymer": "Polymer/polymer#^1.0.0", 25 | "iron-input": "PolymerElements/iron-input#^1.0.0", 26 | "iron-icon": "PolymerElements/iron-icon#^1.0.0", 27 | "iron-icons": "PolymerElements/iron-icons#^1.0.0", 28 | "firebase-element": "PolymerElements/firebase-element#~0.9.0", 29 | "google-map": "GoogleWebComponents/google-map#eedbd58fc6ca5279301f05549210c7f1b72b8e0d" 30 | }, 31 | "resolutions": { 32 | "polymer": "^1.0.0", 33 | "webcomponentsjs": "^0.7.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /1.0/samples/homepage/contact-card/contact-card.css: -------------------------------------------------------------------------------- 1 | :host { 2 | display: -webkit-box; 3 | display: -webkit-flex; 4 | display: -ms-flexbox; 5 | display: flex; 6 | -webkit-box-align: center; 7 | -webkit-align-items: center; 8 | -ms-flex-align: center; 9 | align-items: center; 10 | } 11 | :host::content > img { 12 | width: 50px; 13 | height: 50px; 14 | border-radius: 50%; 15 | } 16 | :host::content > span { 17 | font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; 18 | margin: 16px; 19 | -webkit-box-flex: 1; 20 | -webkit-flex-grow: 1; 21 | -ms-flex-positive: 1; 22 | flex-grow: 1; 23 | } 24 | :host::content > iron-icon { 25 | color: #9E9E9E; 26 | } 27 | [hidden] { 28 | display: none; 29 | } 30 | -------------------------------------------------------------------------------- /1.0/samples/homepage/contact-card/contact-card.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /1.0/samples/homepage/contact-card/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Eric's photo 10 | Eric Bidelman 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /1.0/samples/homepage/friend-list/friend-list.css: -------------------------------------------------------------------------------- 1 | contact-card { 2 | margin-bottom: 16px; 3 | } 4 | -------------------------------------------------------------------------------- /1.0/samples/homepage/friend-list/friend-list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 17 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /1.0/samples/homepage/friend-list/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/homepage/google-map/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /1.0/samples/start/configurable-name-tag/configurable-name-tag-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 10 | 11 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /1.0/samples/start/configurable-name-tag/configurable-name-tag.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 10 | 11 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /1.0/samples/start/configurable-name-tag/index-plunker.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/configurable-name-tag/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /1.0/samples/start/configurable-name-tag/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Declared properties", 3 | "description": "You can configure declared properties from markup.", 4 | "files": [ 5 | "index-plunker.html", 6 | "configurable-name-tag-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /1.0/samples/start/dom-element/dom-element-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 9 | 10 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /1.0/samples/start/dom-element/dom-element.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 9 | 10 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /1.0/samples/start/dom-element/index-plunker.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/dom-element/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/dom-element/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Local DOM", 3 | "description": "Create an element's Local DOM from a template.", 4 | "files": [ 5 | "index-plunker.html", 6 | "dom-element-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /1.0/samples/start/editable-name-tag/editable-name-tag-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 6 | 7 | 8 | 9 | 17 | 18 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /1.0/samples/start/editable-name-tag/editable-name-tag.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 6 | 7 | 8 | 9 | 17 | 18 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /1.0/samples/start/editable-name-tag/index-plunker.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/editable-name-tag/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/editable-name-tag/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Two-way binding", 3 | "description": "Two-way binding to a custom input element.", 4 | "files": [ 5 | "index-plunker.html", 6 | "editable-name-tag-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /1.0/samples/start/name-tag/index-plunker.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/name-tag/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/name-tag/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Declarative data binding", 3 | "description": "You can bind properties in your component using the “double-mustache” syntax ({{}}).", 4 | "files": [ 5 | "index-plunker.html", 6 | "name-tag-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /1.0/samples/start/name-tag/name-tag-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 10 | 11 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /1.0/samples/start/name-tag/name-tag.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 10 | 11 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /1.0/samples/start/picture-frame/index-plunker.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /1.0/samples/start/picture-frame/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /1.0/samples/start/picture-frame/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Compose with local DOM", 3 | "description": "Use local DOM to control composition.", 4 | "files": [ 5 | "index-plunker.html", 6 | "picture-frame-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /1.0/samples/start/picture-frame/picture-frame-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 14 | 15 | 21 | 22 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /1.0/samples/start/picture-frame/picture-frame.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 15 | 16 | 22 | 23 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /1.0/samples/start/proto-element/index-plunker.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/proto-element/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.0/samples/start/proto-element/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Add properties and methods", 3 | "description": "Add properties and methods to a Polymer element", 4 | "files": [ 5 | "index-plunker.html", 6 | "proto-element-plunker.html" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /1.0/samples/start/proto-element/proto-element-plunker.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /1.0/samples/start/proto-element/proto-element.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 14 | 15 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | See http://polymer.github.io/CONTRIBUTORS.txt 2 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gem 'jekyll', '~> 2.5' 4 | gem 'octopress-hooks' 5 | gem 'compass' 6 | gem 'rouge' 7 | -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | blankslate (2.1.2.4) 5 | celluloid (0.16.0) 6 | timers (~> 4.0.0) 7 | chunky_png (1.3.4) 8 | classifier-reborn (2.0.3) 9 | fast-stemmer (~> 1.0) 10 | coffee-script (2.3.0) 11 | coffee-script-source 12 | execjs 13 | coffee-script-source (1.9.1) 14 | colorator (0.1) 15 | compass (1.0.3) 16 | chunky_png (~> 1.2) 17 | compass-core (~> 1.0.2) 18 | compass-import-once (~> 1.0.5) 19 | rb-fsevent (>= 0.9.3) 20 | rb-inotify (>= 0.9) 21 | sass (>= 3.3.13, < 3.5) 22 | compass-core (1.0.3) 23 | multi_json (~> 1.0) 24 | sass (>= 3.3.0, < 3.5) 25 | compass-import-once (1.0.5) 26 | sass (>= 3.2, < 3.5) 27 | execjs (2.4.0) 28 | fast-stemmer (1.0.2) 29 | ffi (1.9.6) 30 | hitimes (1.2.2) 31 | jekyll (2.5.3) 32 | classifier-reborn (~> 2.0) 33 | colorator (~> 0.1) 34 | jekyll-coffeescript (~> 1.0) 35 | jekyll-gist (~> 1.0) 36 | jekyll-paginate (~> 1.0) 37 | jekyll-sass-converter (~> 1.0) 38 | jekyll-watch (~> 1.1) 39 | kramdown (~> 1.3) 40 | liquid (~> 2.6.1) 41 | mercenary (~> 0.3.3) 42 | pygments.rb (~> 0.6.0) 43 | redcarpet (~> 3.1) 44 | safe_yaml (~> 1.0) 45 | toml (~> 0.1.0) 46 | jekyll-coffeescript (1.0.1) 47 | coffee-script (~> 2.2) 48 | jekyll-gist (1.1.0) 49 | jekyll-paginate (1.1.0) 50 | jekyll-sass-converter (1.3.0) 51 | sass (~> 3.2) 52 | jekyll-watch (1.2.1) 53 | listen (~> 2.7) 54 | kramdown (1.6.0) 55 | liquid (2.6.2) 56 | listen (2.8.5) 57 | celluloid (>= 0.15.2) 58 | rb-fsevent (>= 0.9.3) 59 | rb-inotify (>= 0.9) 60 | mercenary (0.3.5) 61 | multi_json (1.11.0) 62 | octopress-hooks (2.6.0) 63 | jekyll (~> 2.0) 64 | parslet (1.5.0) 65 | blankslate (~> 2.0) 66 | posix-spawn (0.3.10) 67 | pygments.rb (0.6.2) 68 | posix-spawn (~> 0.3.6) 69 | yajl-ruby (~> 1.2.0) 70 | rb-fsevent (0.9.4) 71 | rb-inotify (0.9.5) 72 | ffi (>= 0.5.0) 73 | redcarpet (3.2.2) 74 | rouge (1.8.0) 75 | safe_yaml (1.0.4) 76 | sass (3.4.13) 77 | timers (4.0.1) 78 | hitimes 79 | toml (0.1.2) 80 | parslet (~> 1.5.0) 81 | yajl-ruby (1.2.1) 82 | 83 | PLATFORMS 84 | ruby 85 | 86 | DEPENDENCIES 87 | compass 88 | jekyll (~> 2.5) 89 | octopress-hooks 90 | rouge 91 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | markdown: kramdown 2 | highlighter: null #pygments 3 | lsi: false 4 | safe: false 5 | 6 | #permalink: /news/:year/:month/:day/:title.html 7 | 8 | exclude: ["node_modules", "scripts", "sass", "app.yaml", "README.md", 9 | "CONTRIBUTING.md", "Gruntfile.js", "package.json", "config.rb", 10 | "summit/app", "summit/node_modules", "summit/bower.json", "summit/gulpfile.js", "summit/package.json", "summit/README.md"] 11 | 12 | kramdown: 13 | toc_levels: 2..3 14 | #auto_ids: true 15 | 16 | #input: GFM # enable github flavored markdown 17 | # use_coderay: true 18 | # coderay: 19 | # coderay_line_numbers: nil 20 | # coderay_css: style 21 | 22 | # Site globals used throughout docs. 23 | project_title: Polymer 24 | project_status: 'Dev preview' 25 | # TODO: add version global for new, 1.0 docs. 26 | latest_version: 0.5.6 # version global used in 0.5 docs. 27 | default_version: 1.0 # default homepage version the docs should serve 28 | legacy_version: 0.5 # version for legacy versionless URLs 29 | 30 | versions: 31 | '0.5': 'dev preview' 32 | '1.0': '' 33 | 34 | add_permalinks: true # adds permalinks to heading tags. 35 | load_disqus: true 36 | -------------------------------------------------------------------------------- /_data/README.md: -------------------------------------------------------------------------------- 1 | ## Version numbers 2 | 3 | The `_data` folder can't have directories with dots in their name. 4 | 5 | ex: 6 | 7 | `_data/v0.5` gets processed into `site.data["v0"]`. 8 | 9 | To work around this, use an underscore in your version directory. So data relating to version `0.5` goes in the `0_5` directory. 10 | -------------------------------------------------------------------------------- /_data/authors.yaml: -------------------------------------------------------------------------------- 1 | ebidel: 2 | full_name: Eric Bidelman 3 | gplus: +EricBidelman 4 | profile_pic: https://lh5.googleusercontent.com/-kgFnix5akCc/AAAAAAAAAAI/AAAAAAAAOqk/IVG-V3nJ8jM/s40-c/photo.jpg 5 | web: http://www.ericbidelman.com 6 | twitter: ebidel 7 | github: ebidel 8 | 9 | addyosmani: 10 | full_name: Addy Osmani 11 | gplus: 115133653231679625609 12 | profile_pic: https://lh3.googleusercontent.com/-riQH0F3Zb2k/AAAAAAAAAAI/AAAAAAAAyyI/A0ynkSbO-nM/s40-c/photo.jpg 13 | web: http://addyosmani.com/ 14 | twitter: addyosmani 15 | github: addyosmani 16 | 17 | robdodson: 18 | full_name: Rob Dodson 19 | gplus: +RobDodson 20 | profile_pic: https://lh3.googleusercontent.com/-0IG6advy6qg/AAAAAAAAAAI/AAAAAAAAAJM/pivb_QaIJjQ/s40-c/photo.jpg 21 | web: http://robdodson.me 22 | twitter: rob_dodson 23 | github: robdodson 24 | 25 | alice: 26 | full_name: Alice Boxhall 27 | gplus: 111975973972817482025 28 | profile_pic: https://lh5.googleusercontent.com/-nS21Q4tD1R4/AAAAAAAAAAI/AAAAAAAAAp4/ixMudlaPGDs/s40-c/photo.jpg 29 | twitter: sundress 30 | github: alice 31 | 32 | sjmiles: 33 | full_name: Scott Miles 34 | gplus: 116100920359918112000 35 | profile_pic: https://lh3.googleusercontent.com/-7uiizITSXzc/AAAAAAAAAAI/AAAAAAAAAH0/qiZVhp4C0i8/s40-c/photo.jpg 36 | twitter: scottjmiles 37 | github: sjmiles -------------------------------------------------------------------------------- /_data/pagetypes.yaml: -------------------------------------------------------------------------------- 1 | start: 2 | headertitle: Basics 3 | guides: 4 | headertitle: "Guides & Resources" 5 | elements: 6 | headertitle: Elements 7 | -------------------------------------------------------------------------------- /_includes/alpha.html: -------------------------------------------------------------------------------- 1 |

2 | Thanks for checking us out! {{site.project_title}} is still in developer preview. 3 |

4 | -------------------------------------------------------------------------------- /_includes/authorship.html: -------------------------------------------------------------------------------- 1 | {% assign author = site.data.authors[page.author] %} 2 | {% assign collaborator = site.data.authors[page.collaborator] %} 3 | 4 | {% assign pubdate = page.published | date: "%Y-%m-%d" %} 5 | {% assign updated = page.updated | date: "%Y-%m-%d" %} 6 | 7 | {% if page.polymer_version %} 8 | Polymer v{{page.polymer_version}} 9 | {% endif %} 10 | 11 | {::options parse_block_html="true" /} 12 | -------------------------------------------------------------------------------- /_includes/disqus.html: -------------------------------------------------------------------------------- 1 | {% if site.load_disqus %} 2 |
3 | 4 |
5 | 16 | 17 | {% endif %} -------------------------------------------------------------------------------- /_includes/dropdown-panel-1-0.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /_includes/dropdown-panel.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /_includes/edit_on_github.html: -------------------------------------------------------------------------------- 1 | 2 | {% capture version %}{% polymer_version_dir %}{% endcapture %} 3 | {% assign dir = version | replace:'.','_' %} 4 | {% assign element = site.data.versions[dir].elements[page.element] %} 5 | 6 | {% if element %} 7 | 8 | 9 | {% assign location = element.location | split: '/' %} 10 | Edit on GitHub 11 | {% else %} 12 | Edit on GitHub 13 | {% endif %} 14 | 15 |
16 | -------------------------------------------------------------------------------- /_includes/experimental.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | Experimental Features in this section are considered experimental and may change in future version of {{site.project_title}}. 4 |

5 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 13 | 14 | 15 | {% for js in page.js %} 16 | 17 | {% endfor %} 18 | 19 | 20 | {% if page.layout != 'home' %} 21 | 22 | {% endif %} 23 | 24 | 25 | -------------------------------------------------------------------------------- /_includes/labs.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | Things may break! This material is part of PolymerLabs, our testing ground for experimental stuff. APIs, documentation, and demos are not actively supported and it is recommended that you do not use these elements in production. If you need support, please use the Core elements and Paper elements collections. 4 |

5 | -------------------------------------------------------------------------------- /_includes/not-an-intro.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | This article assumes a working knowledge of {{site.project_title}}. For an introduction to 4 | {{site.project_title}} see 5 | Quick tour of {{site.project_title}}. 6 |

7 | -------------------------------------------------------------------------------- /_includes/old-article-disclaimer.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | This article describes an older version of {{site.project_title}}, and some information may not apply 4 | to [{{site.project_title}} {{site.default_version}}](/{{site.default_version}}/) For an introduction to 5 | {{site.project_title}} 0.5, see 6 | {{site.project_title}} in 10 minutes. For an introduction to {{site.project_title}} {{site.default_version}}, 7 | see [Quick tour of {{site.project_title}}](/{{site.default_version}}/docs/start/quick-tour.html). 8 |

9 | -------------------------------------------------------------------------------- /_includes/other-resources.html: -------------------------------------------------------------------------------- 1 | {% if page.links %} 2 | 3 | ## Other useful resources 4 | 5 | {% for link_hash in page.links %} 6 | {% for link in link_hash %} 7 | - [{{link[0]}}]({{link[1]}}) 8 | {% endfor %} 9 | {% endfor %} 10 | 11 | {% endif %} 12 | -------------------------------------------------------------------------------- /_includes/outofdate.html: -------------------------------------------------------------------------------- 1 |

2 | Heads up: This document is likely stale. Demos may not work and 3 | API descriptions may be out of date. We're working on updating it. 4 |

-------------------------------------------------------------------------------- /_includes/samples/0.8/proto-element.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | {% highlight html %} 9 | {% include_external samples/0.8/components/proto-element/proto-element.html %} 10 | {% endhighlight %} 11 | 12 | 13 | {% highlight html %} 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | {% endhighlight %} 25 | 26 |
27 | 28 |
29 | 30 | 31 | -------------------------------------------------------------------------------- /_includes/samples/0.8/ready-element.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | {% highlight html %} 9 | {% include_external samples/0.8/components/ready-element/ready-element.html %} 10 | {% endhighlight %} 11 | 12 | 13 | {% highlight html %} 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | {% endhighlight %} 25 | 26 |
27 | 28 |
29 | 30 | -------------------------------------------------------------------------------- /_includes/spec-header.html: -------------------------------------------------------------------------------- 1 |
2 | {% if page.feature.code %} 3 |
Repository
4 |
{{page.feature.code | domain_name}}
5 | {% endif %} 6 | {% if page.feature.spec %} 7 |
W3C Specification
8 |
9 | {% if page.feature.spec != 'None' %} 10 | {{page.feature.spec | domain_name}} 11 | {% else %} 12 | {{page.feature.spec}} 13 | {% endif %} 14 |
15 | {% endif %} 16 |
17 | 18 | > {{page.feature.summary}} 19 | 20 | --- -------------------------------------------------------------------------------- /_includes/toc.html: -------------------------------------------------------------------------------- 1 | {%comment%} 2 | The TOC_START and TOC_END signify the start and end 3 | of the generated TOC. Used in process_toc.rb to wrap the content in a 4 | `` element. 5 | {%endcomment%} 6 | 7 | 8 | * toc placeholder 9 | {:toc} 10 | 11 | -------------------------------------------------------------------------------- /_includes/top-nav-1-0.html: -------------------------------------------------------------------------------- 1 | {% capture theme %} 2 | {% if page.layout == 'home_1_0' %} 3 | dark 4 | {% else %} 5 | light 6 | {% endif %} 7 | {% endcapture %} 8 | 9 | {% capture ver %}{% polymer_version_dir %}{% endcapture %} 10 | 11 | 12 | Get Started 13 | Guides & Resources 14 | Catalog 15 | Blog 16 | 17 | -------------------------------------------------------------------------------- /_includes/top-nav.html: -------------------------------------------------------------------------------- 1 | {% capture theme %} 2 | {% if page.layout == 'home' %} 3 | dark 4 | {% else %} 5 | light 6 | {% endif %} 7 | {% endcapture %} 8 | 9 | {% capture ver %}{% polymer_version_dir %}{% endcapture %} 10 | 11 | 12 | Get Started 13 | Guides & Resources 14 | Elements 15 | Blog 16 | 17 | -------------------------------------------------------------------------------- /_layouts/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 | 8 | 9 | 10 | 11 | {% include top-nav.html %} 12 | 13 | 14 | {% include dropdown-panel.html %} 15 | 16 | 17 |
{{content}}
18 | 19 | {% include footer.html %} 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /_layouts/home_1_0.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 | 8 | 9 | 10 | 11 | {% include top-nav-1-0.html %} 12 | 13 | 14 | {% include dropdown-panel-1-0.html %} 15 | 16 | 17 |
{{content}}
18 | 19 | {% include footer.html %} 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /_plugins/domain_name.filter.rb: -------------------------------------------------------------------------------- 1 | # Strips https?:// from a URL. 2 | # Usage: {{ page.url | domain_name }} 3 | # https://github.com/LawrenceWoodman/domain_name-liquid_filter 4 | 5 | require 'liquid' 6 | 7 | module DomainNameFilter 8 | 9 | # Return the url's domain name 10 | def domain_name(url) 11 | return url.sub(%r{(https?://){0,1}([^/]*)(/.*$){0,1}}i, '\\2\\3') 12 | end 13 | 14 | end 15 | 16 | Liquid::Template.register_filter(DomainNameFilter) 17 | -------------------------------------------------------------------------------- /_plugins/element_pages.rb: -------------------------------------------------------------------------------- 1 | module Jekyll 2 | 3 | class ElementPage < Page 4 | def initialize(site, base, dir, element) 5 | @site = site 6 | @base = base 7 | @dir = dir 8 | @name = "#{element}.html" # the name of the page to be generated 9 | 10 | self.process(@name) 11 | # read_yaml is poorly named. It does not only read YAML, 12 | # it also sets the content for the page 13 | self.read_yaml(File.join(base, dir), 'element-template.md') 14 | 15 | # Setup page data, basically the same as writing YAML front matter 16 | isPaperElement = element.start_with? "paper-" 17 | 18 | self.data['element'] = element 19 | self.data['title'] = "#{element} - Polymer #{isPaperElement ? 'paper' : 'core'} elements" 20 | self.data['type'] = 'elements' 21 | self.data['shortname'] = 'Elements' 22 | if isPaperElement 23 | self.data['subtitle'] = 'material design' 24 | end 25 | self.data['add_permalinks'] = false 26 | end 27 | end 28 | 29 | class ElementPageGenerator < Generator 30 | safe true 31 | 32 | def generate(site) 33 | # For each version, find the directory with the page template 34 | # and find the right versioned directory in _data. _data directories 35 | # can't have dots in their name, so data for version 0.5 lives in 36 | # the 0_5 directory 37 | if site.layouts.key? 'default' 38 | site.data['versions'].each do |version, val| 39 | dir = "#{version.gsub(/_/, '.')}/docs/elements" 40 | site.data["versions"]["#{version}"]["elements"].each_key do |element| 41 | site.pages << ElementPage.new(site, site.source, dir, element) 42 | end 43 | end 44 | end 45 | end 46 | end 47 | 48 | end 49 | -------------------------------------------------------------------------------- /_plugins/polymer_version_dir.rb: -------------------------------------------------------------------------------- 1 | # Returns the version directory in the current URL. 2 | # Example: 3 | # {% polymer_version_dir % } 4 | # /0.5/polymer/polymer.html -> 0.5 5 | 6 | class PolymerVersionDir < Liquid::Tag 7 | def initialize(tag_name, markup, tokens) 8 | super 9 | end 10 | 11 | def render(context) 12 | page_url = context.environments.first['page']['url'] 13 | version = page_url.split('/')[1] 14 | begin 15 | v = Integer(version[0]) # check if there's a version in the URL. 16 | rescue ArgumentError 17 | version = nil 18 | end 19 | version 20 | end 21 | end 22 | 23 | Liquid::Template.register_tag('polymer_version_dir', PolymerVersionDir) 24 | -------------------------------------------------------------------------------- /_plugins/process_toc.rb: -------------------------------------------------------------------------------- 1 | require "octopress-hooks" 2 | 3 | class ProcessTOCHook < Octopress::Hooks::Page 4 | 5 | # # Manipulate page/post data before it has been processed with Liquid or 6 | # # Converters like Markdown or Textile. 7 | # # 8 | # def pre_render(page) 9 | # #page.content = highlight_code(page.content) 10 | # end 11 | 12 | # # Manipulate page/post data after content has been processed to html. 13 | # # 14 | # def post_render(page) 15 | # # page.content = wrap_toc_in_details(page.content) 16 | # page.output = wrap_toc_in_details(page.output) 17 | # end 18 | 19 | # # Access page/post data after it has been successfully written to disk. 20 | # # 21 | # def post_write(page) 22 | # #log_something(page.title) 23 | # end 24 | 25 | def post_render(page) 26 | wrap_toc_in_details(page.output) 27 | end 28 | 29 | # Moves the generated
    into a
    element. 30 | def wrap_toc_in_details(output) 31 | output.gsub! /\<\!--TOC_START--\>(.+)?\<\!--TOC_END--\>/m do 32 | <<-END 33 |
    34 | Table of contents 35 | #{$1} 36 |
    37 | END 38 | end 39 | end 40 | 41 | end 42 | -------------------------------------------------------------------------------- /_plugins/svg_support.rb: -------------------------------------------------------------------------------- 1 | require 'webrick' 2 | include WEBrick 3 | 4 | WEBrick::HTTPUtils::DefaultMimeTypes.store 'svg', 'image/svg+xml' 5 | -------------------------------------------------------------------------------- /_plugins/trim.rb: -------------------------------------------------------------------------------- 1 | require 'liquid' 2 | 3 | module TrimFilter 4 | 5 | # Trim whitespace 6 | def trim(input) 7 | input.strip 8 | end 9 | 10 | end 11 | 12 | Liquid::Template.register_filter(TrimFilter) 13 | 14 | -------------------------------------------------------------------------------- /config.rb: -------------------------------------------------------------------------------- 1 | # Require any additional compass plugins here. 2 | 3 | # Set this to the root of your project when deployed: 4 | http_path = "/" 5 | css_dir = "css" 6 | sass_dir = "sass" 7 | images_dir = "images" 8 | javascripts_dir = "js" 9 | 10 | # You can select your preferred output style here (can be overridden via the command line): 11 | output_style = :compressed #:expanded or :nested or :compact or :compressed 12 | 13 | # To enable relative paths to assets via compass helper functions. Uncomment: 14 | # relative_assets = true 15 | 16 | # To disable debugging comments that display the original location of your selectors. Uncomment: 17 | # line_comments = false 18 | 19 | 20 | # If you prefer the indented syntax, you might want to regenerate this 21 | # project again passing --syntax sass, or you can uncomment this: 22 | # preferred_syntax = :sass 23 | # and then run: 24 | # sass-convert -R --from scss --to sass static/sass scss && rm -rf sass && mv scss sass 25 | -------------------------------------------------------------------------------- /css/elementpage.css: -------------------------------------------------------------------------------- 1 | .content-padding{max-width:1032px;margin:0 auto}.element-list>[data-element-file]{padding-bottom:24px;border-top:1px solid #eee;height:95px;overflow:hidden;cursor:pointer}.element-list>[data-element-file].expand{height:auto}.element-list header{margin:24px 0}.element-list header h2{margin:0 !important;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end}.element-list header h2 span{-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}.element-list header a{margin-left:20px}.element-list header a:not(.permalink){font-size:initial}.element-list header a[disabled]{opacity:0.3}.element-list .name{display:inline-block}.element-list .name code{white-space:nowrap}.element-list .nodocs{margin-left:17px;font-style:italic}.element-list .nodocs:after{content:'No documentation available.'}.element-list iframe{border:none;width:100%}.element-list .bower_install_instructions,.element-list .api_documentation{display:block}.element-list .bower_install_instructions>label,.element-list .api_documentation>label{font-weight:500} 2 | -------------------------------------------------------------------------------- /css/material.css: -------------------------------------------------------------------------------- 1 | .material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-purple-lightest{background-color:#e8eaf6}.material-orange{background-color:#ff5621}.material-orange-light{background-color:#ffcbbb}.material-orange-lightest{background-color:#fbe9e7}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-pink-lightest{background-color:#fce4ec}.material-yellow{background-color:#f3b300}.material-yellow-light{background-color:#fbe7b1}.material-yellow-lightest{background-color:#fff8e1}.material-green{background-color:#00bea4}.material-green-light{background-color:#a6ffea}.material-green-lightest{background-color:#e0f2f1}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-teal-lightest{background-color:#e0f7fa}.material-blue{background-color:#4184f3}.material-blue-light{background-color:#c5d9fb}.material-blue-lightest{background-color:#e3f2fd} 2 | -------------------------------------------------------------------------------- /css/paper-button.css: -------------------------------------------------------------------------------- 1 | .content-padding{max-width:1032px;margin:0 auto}paper-button{color:#666;font-size:14px;white-space:nowrap}paper-button>core-icon{margin-right:4px}paper-button[raised]{background:#fafafa}paper-button:hover,paper-button.active{text-decoration:none;background:#fff;box-shadow:0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1)}.paper-button[sink]{color:inherit;padding:7px 10px;transition:none}.paper-button[sink]:hover,.paper-button[sink].active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.08)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);box-shadow:0 1px 1px rgba(0,0,0,0.2) inset,0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 0px rgba(0,0,0,0.2) inset} 2 | -------------------------------------------------------------------------------- /css/polymer.css: -------------------------------------------------------------------------------- 1 | h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#3f51b5}.guide{color:#d81b60}.main-bg{background-color:#eee !important}.main-purple{background-color:#1f2036}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#9c27b0}pre .pun,.prettyprint .pun{color:#455a64}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#689f38}pre .pln,.prettyprint .pln{color:#455a64}pre .kwd,.prettyprint .kwd{color:#00838f}pre .tag,.prettyprint .tag{color:#00838f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#455a64}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#689f38}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#d81b60}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px} 2 | -------------------------------------------------------------------------------- /css/prettify/prettify.css: -------------------------------------------------------------------------------- 1 | .pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} -------------------------------------------------------------------------------- /css/prettify/sunburst.css: -------------------------------------------------------------------------------- 1 | /* Pretty printing styles. Used with prettify.js. */ 2 | /* Vim sunburst theme by David Leibovic */ 3 | 4 | pre .str, code .str { color: #65B042; } /* string - green */ 5 | pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */ 6 | pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */ 7 | pre .typ, code .typ { color: #89bdff; } /* type - light blue */ 8 | pre .lit, code .lit { color: #3387CC; } /* literal - blue */ 9 | pre .pun, code .pun { color: #fff; } /* punctuation - white */ 10 | pre .pln, code .pln { color: #fff; } /* plaintext - white */ 11 | pre .tag, code .tag { color: #89bdff; } /* html/xml tag - light blue */ 12 | pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name - khaki */ 13 | pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */ 14 | pre .dec, code .dec { color: #3387CC; } /* decimal - blue */ 15 | 16 | pre.prettyprint, code.prettyprint { 17 | background-color: #333; 18 | /*border-radius: 8px;*/ 19 | color: white; 20 | } 21 | 22 | pre { 23 | /*margin: 1em auto; 24 | padding: 1em;*/ 25 | white-space: pre-wrap; 26 | } 27 | 28 | 29 | /* Specify class=linenums on a pre to get line numbering */ 30 | ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */ 31 | li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none } 32 | /* Alternate shading for lines */ 33 | li.L1,li.L3,li.L5,li.L7,li.L9 { } 34 | 35 | @media print { 36 | pre .str, code .str { color: #060; } 37 | pre .kwd, code .kwd { color: #006; font-weight: bold; } 38 | pre .com, code .com { color: #600; font-style: italic; } 39 | pre .typ, code .typ { color: #404; font-weight: bold; } 40 | pre .lit, code .lit { color: #044; } 41 | pre .pun, code .pun { color: #440; } 42 | pre .pln, code .pln { color: #000; } 43 | pre .tag, code .tag { color: #006; font-weight: bold; } 44 | pre .atn, code .atn { color: #404; } 45 | pre .atv, code .atv { color: #060; } 46 | } -------------------------------------------------------------------------------- /css/site2_sd_rules.css: -------------------------------------------------------------------------------- 1 | .material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-purple-lightest{background-color:#e8eaf6}.material-orange{background-color:#ff5621}.material-orange-light{background-color:#ffcbbb}.material-orange-lightest{background-color:#fbe9e7}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-pink-lightest{background-color:#fce4ec}.material-yellow{background-color:#f3b300}.material-yellow-light{background-color:#fbe7b1}.material-yellow-lightest{background-color:#fff8e1}.material-green{background-color:#00bea4}.material-green-light{background-color:#a6ffea}.material-green-lightest{background-color:#e0f2f1}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-teal-lightest{background-color:#e0f7fa}.material-blue{background-color:#4184f3}.material-blue-light{background-color:#c5d9fb}.material-blue-lightest{background-color:#e3f2fd}paper-button::shadow #content{padding:5px 5px 5px}paper-button::shadow #content>span{vertical-align:middle}body /deep/ doc-page::shadow paper-button[raised],body /deep/ component-download-button::shadow paper-button[raised]{background-color:#3e50b4;fill:white;color:white}@media only screen and (max-width: 580px){html /deep/ app-bar::shadow .polymer-status-badge{margin:0}} 2 | -------------------------------------------------------------------------------- /css/spec.css: -------------------------------------------------------------------------------- 1 | .content-padding{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace} 2 | -------------------------------------------------------------------------------- /humans.txt: -------------------------------------------------------------------------------- 1 | /* TEAM */ 2 | Eric Bidelman, Polymer team - @ebidel 3 | Addy Osmani, Polymer team 4 | Rob Dodson, Polymer team 5 | Arthur Evans, Polymer team 6 | 7 | /* THANKS */ 8 | To everyone who has contributed to Polymer & its documentation! 9 | 10 | /* SITE */ 11 | Standards: HTML5, CSS3 12 | Components: Polymer 13 | Software: Jekyll, App Engine 14 | 15 | 16 | Web Components are the bees knees. 17 | -------------------------------------------------------------------------------- /images/ariashadowdom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/ariashadowdom.jpg -------------------------------------------------------------------------------- /images/catalog_fadeout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/catalog_fadeout.png -------------------------------------------------------------------------------- /images/changelog/sinspect-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/changelog/sinspect-screen.png -------------------------------------------------------------------------------- /images/core-list/multiple-elements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/core-list/multiple-elements.png -------------------------------------------------------------------------------- /images/core-list/small-images.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/core-list/small-images.png -------------------------------------------------------------------------------- /images/core-list/unsorted-names.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/core-list/unsorted-names.png -------------------------------------------------------------------------------- /images/core-list/variable-height-images.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/core-list/variable-height-images.png -------------------------------------------------------------------------------- /images/databinding/example-1-dom-old.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/databinding/example-1-dom-old.png -------------------------------------------------------------------------------- /images/databinding/example-1-dom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/databinding/example-1-dom.png -------------------------------------------------------------------------------- /images/databinding/example-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/databinding/example-1.png -------------------------------------------------------------------------------- /images/databinding/input-to-model.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/databinding/input-to-model.png -------------------------------------------------------------------------------- /images/databinding/update-model-array.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/databinding/update-model-array.png -------------------------------------------------------------------------------- /images/debugging/bound-dom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/debugging/bound-dom.png -------------------------------------------------------------------------------- /images/debugging/custom-element.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/debugging/custom-element.png -------------------------------------------------------------------------------- /images/debugging/html-import-link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/debugging/html-import-link.png -------------------------------------------------------------------------------- /images/debugging/html-import.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/debugging/html-import.png -------------------------------------------------------------------------------- /images/debugging/scope-object.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/debugging/scope-object.png -------------------------------------------------------------------------------- /images/debugging/templateinstance-model.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/debugging/templateinstance-model.png -------------------------------------------------------------------------------- /images/debugging/waitingfor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/debugging/waitingfor.png -------------------------------------------------------------------------------- /images/designer_fadeout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/designer_fadeout.png -------------------------------------------------------------------------------- /images/designer_screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/designer_screenshot.png -------------------------------------------------------------------------------- /images/icons/android.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /images/icons/bug.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/icons/bug.png -------------------------------------------------------------------------------- /images/icons/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/icons/github.png -------------------------------------------------------------------------------- /images/icons/loading_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/icons/loading_icon.png -------------------------------------------------------------------------------- /images/icons/loading_icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 15 | 18 | 20 | 21 | 22 | 23 | 25 | 27 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /images/icons/source.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/icons/source.png -------------------------------------------------------------------------------- /images/icons/source.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | </> 9 | -------------------------------------------------------------------------------- /images/icons/talk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/icons/talk.png -------------------------------------------------------------------------------- /images/instacod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/instacod.png -------------------------------------------------------------------------------- /images/layout-elements/drawer-app-closed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/layout-elements/drawer-app-closed.png -------------------------------------------------------------------------------- /images/layout-elements/header-app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/layout-elements/header-app.png -------------------------------------------------------------------------------- /images/layout-elements/scaffold-app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/layout-elements/scaffold-app.png -------------------------------------------------------------------------------- /images/layout-elements/toolbar-sample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/layout-elements/toolbar-sample.png -------------------------------------------------------------------------------- /images/logos/html5logo.svg: -------------------------------------------------------------------------------- 1 | 2 | HTML5 Logo Badge 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /images/logos/js.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/js.jpg -------------------------------------------------------------------------------- /images/logos/lockup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/lockup.png -------------------------------------------------------------------------------- /images/logos/p-create-elements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/p-create-elements.png -------------------------------------------------------------------------------- /images/logos/p-elements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/p-elements.png -------------------------------------------------------------------------------- /images/logos/p-logo-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/p-logo-16.png -------------------------------------------------------------------------------- /images/logos/p-logo-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/p-logo-32.png -------------------------------------------------------------------------------- /images/logos/p-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/p-logo.png -------------------------------------------------------------------------------- /images/logos/p-platform.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/p-platform.png -------------------------------------------------------------------------------- /images/logos/polymer_video_thumb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/polymer_video_thumb.jpg -------------------------------------------------------------------------------- /images/logos/webcomponents.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/logos/webcomponents.png -------------------------------------------------------------------------------- /images/paper-calculator.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/paper-calculator.png -------------------------------------------------------------------------------- /images/polycasts/PC001.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/polycasts/PC001.jpg -------------------------------------------------------------------------------- /images/polycasts/PC002.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/polycasts/PC002.jpg -------------------------------------------------------------------------------- /images/polycasts/PC003.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/polycasts/PC003.jpg -------------------------------------------------------------------------------- /images/polycasts/PC004.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/polycasts/PC004.jpg -------------------------------------------------------------------------------- /images/polycasts/PC005.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/polycasts/PC005.jpg -------------------------------------------------------------------------------- /images/publishing-polymer-elements/image_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/publishing-polymer-elements/image_0.png -------------------------------------------------------------------------------- /images/publishing-polymer-elements/image_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/publishing-polymer-elements/image_1.png -------------------------------------------------------------------------------- /images/publishing-polymer-elements/image_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/publishing-polymer-elements/image_2.png -------------------------------------------------------------------------------- /images/publishing-polymer-elements/image_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/publishing-polymer-elements/image_3.png -------------------------------------------------------------------------------- /images/publishing-polymer-elements/image_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/publishing-polymer-elements/image_4.png -------------------------------------------------------------------------------- /images/publishing-polymer-elements/image_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/publishing-polymer-elements/image_5.png -------------------------------------------------------------------------------- /images/publishing-polymer-elements/image_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/publishing-polymer-elements/image_6.png -------------------------------------------------------------------------------- /images/sampler-core.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/sampler-core.png -------------------------------------------------------------------------------- /images/sampler-paper-square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/sampler-paper-square.png -------------------------------------------------------------------------------- /images/sampler-paper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/sampler-paper.png -------------------------------------------------------------------------------- /images/showshadowdom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/showshadowdom.png -------------------------------------------------------------------------------- /images/topeka.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/topeka.png -------------------------------------------------------------------------------- /images/topeka_small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/topeka_small.png -------------------------------------------------------------------------------- /images/topeka_square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/topeka_square.png -------------------------------------------------------------------------------- /images/tutorial/card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/tutorial/card.png -------------------------------------------------------------------------------- /images/tutorial/finished.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/tutorial/finished.png -------------------------------------------------------------------------------- /images/tutorial/step-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/tutorial/step-1.png -------------------------------------------------------------------------------- /images/tutorial/step-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/tutorial/step-2.png -------------------------------------------------------------------------------- /images/tutorial/step-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/tutorial/step-3.png -------------------------------------------------------------------------------- /images/unquote.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/unquote.png -------------------------------------------------------------------------------- /images/zip-file-contents.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/images/zip-file-contents.png -------------------------------------------------------------------------------- /js/prettify/lang-basic.js: -------------------------------------------------------------------------------- 1 | var a=null; 2 | PR.registerLangHandler(PR.createSimpleLexer([["str",/^"(?:[^\n\r"\\]|\\.)*(?:"|$)/,a,'"'],["pln",/^\s+/,a," \r\n\t\u00a0"]],[["com",/^REM[^\n\r]*/,a],["kwd",/^\b(?:AND|CLOSE|CLR|CMD|CONT|DATA|DEF ?FN|DIM|END|FOR|GET|GOSUB|GOTO|IF|INPUT|LET|LIST|LOAD|NEW|NEXT|NOT|ON|OPEN|OR|POKE|PRINT|READ|RESTORE|RETURN|RUN|SAVE|STEP|STOP|SYS|THEN|TO|VERIFY|WAIT)\b/,a],["pln",/^[a-z][^\W_]?(?:\$|%)?/i,a],["lit",/^(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/i,a,"0123456789"],["pun", 3 | /^.[^\s\w"$%.]*/,a]]),["basic","cbm"]); 4 | -------------------------------------------------------------------------------- /js/prettify/lang-clj.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (C) 2011 Google Inc. 3 | 4 | Licensed under the Apache License, Version 2.0 (the "License"); 5 | you may not use this file except in compliance with the License. 6 | You may obtain a copy of the License at 7 | 8 | http://www.apache.org/licenses/LICENSE-2.0 9 | 10 | Unless required by applicable law or agreed to in writing, software 11 | distributed under the License is distributed on an "AS IS" BASIS, 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | See the License for the specific language governing permissions and 14 | limitations under the License. 15 | */ 16 | var a=null; 17 | PR.registerLangHandler(PR.createSimpleLexer([["opn",/^[([{]+/,a,"([{"],["clo",/^[)\]}]+/,a,")]}"],["com",/^;[^\n\r]*/,a,";"],["pln",/^[\t\n\r \xa0]+/,a,"\t\n\r \u00a0"],["str",/^"(?:[^"\\]|\\[\S\s])*(?:"|$)/,a,'"']],[["kwd",/^(?:def|if|do|let|quote|var|fn|loop|recur|throw|try|monitor-enter|monitor-exit|defmacro|defn|defn-|macroexpand|macroexpand-1|for|doseq|dosync|dotimes|and|or|when|not|assert|doto|proxy|defstruct|first|rest|cons|defprotocol|deftype|defrecord|reify|defmulti|defmethod|meta|with-meta|ns|in-ns|create-ns|import|intern|refer|alias|namespace|resolve|ref|deref|refset|new|set!|memfn|to-array|into-array|aset|gen-class|reduce|map|filter|find|nil?|empty?|hash-map|hash-set|vec|vector|seq|flatten|reverse|assoc|dissoc|list|list?|disj|get|union|difference|intersection|extend|extend-type|extend-protocol|prn)\b/,a], 18 | ["typ",/^:[\dA-Za-z-]+/]]),["clj"]); 19 | -------------------------------------------------------------------------------- /js/prettify/lang-css.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\n\u000c"]],[["str",/^"(?:[^\n\f\r"\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*"/,null],["str",/^'(?:[^\n\f\r'\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*'/,null],["lang-css-str",/^url\(([^"')]+)\)/i],["kwd",/^(?:url|rgb|!important|@import|@page|@media|@charset|inherit)(?=[^\w-]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*)\s*:/i],["com",/^\/\*[^*]*\*+(?:[^*/][^*]*\*+)*\//], 2 | ["com",/^(?:<\!--|--\>)/],["lit",/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],["lit",/^#[\da-f]{3,6}\b/i],["pln",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i],["pun",/^[^\s\w"']+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[["kwd",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[["str",/^[^"')]+/]]),["css-str"]); 3 | -------------------------------------------------------------------------------- /js/prettify/lang-dart.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"]],[["com",/^#!.*/],["kwd",/^\b(?:import|library|part of|part|as|show|hide)\b/i],["com",/^\/\/.*/],["com",/^\/\*[^*]*\*+(?:[^*/][^*]*\*+)*\//],["kwd",/^\b(?:class|interface)\b/i],["kwd",/^\b(?:assert|break|case|catch|continue|default|do|else|finally|for|if|in|is|new|return|super|switch|this|throw|try|while)\b/i],["kwd",/^\b(?:abstract|const|extends|factory|final|get|implements|native|operator|set|static|typedef|var)\b/i], 2 | ["typ",/^\b(?:bool|double|dynamic|int|num|object|string|void)\b/i],["kwd",/^\b(?:false|null|true)\b/i],["str",/^r?'''[\S\s]*?[^\\]'''/],["str",/^r?"""[\S\s]*?[^\\]"""/],["str",/^r?'('|[^\n\f\r]*?[^\\]')/],["str",/^r?"("|[^\n\f\r]*?[^\\]")/],["pln",/^[$_a-z]\w*/i],["pun",/^[!%&*+/:<-?^|~-]/],["lit",/^\b0x[\da-f]+/i],["lit",/^\b\d+(?:\.\d*)?(?:e[+-]?\d+)?/i],["lit",/^\b\.\d+(?:e[+-]?\d+)?/i],["pun",/^[(),.;[\]{}]/]]), 3 | ["dart"]); 4 | -------------------------------------------------------------------------------- /js/prettify/lang-go.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"],["pln",/^(?:"(?:[^"\\]|\\[\S\s])*(?:"|$)|'(?:[^'\\]|\\[\S\s])+(?:'|$)|`[^`]*(?:`|$))/,null,"\"'"]],[["com",/^(?:\/\/[^\n\r]*|\/\*[\S\s]*?\*\/)/],["pln",/^(?:[^"'/`]|\/(?![*/]))+/]]),["go"]); 2 | -------------------------------------------------------------------------------- /js/prettify/lang-ml.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"],["com",/^#(?:if[\t\n\r \xa0]+(?:[$_a-z][\w']*|``[^\t\n\r`]*(?:``|$))|else|endif|light)/i,null,"#"],["str",/^(?:"(?:[^"\\]|\\[\S\s])*(?:"|$)|'(?:[^'\\]|\\[\S\s])(?:'|$))/,null,"\"'"]],[["com",/^(?:\/\/[^\n\r]*|\(\*[\S\s]*?\*\))/],["kwd",/^(?:abstract|and|as|assert|begin|class|default|delegate|do|done|downcast|downto|elif|else|end|exception|extern|false|finally|for|fun|function|if|in|inherit|inline|interface|internal|lazy|let|match|member|module|mutable|namespace|new|null|of|open|or|override|private|public|rec|return|static|struct|then|to|true|try|type|upcast|use|val|void|when|while|with|yield|asr|land|lor|lsl|lsr|lxor|mod|sig|atomic|break|checked|component|const|constraint|constructor|continue|eager|event|external|fixed|functor|global|include|method|mixin|object|parallel|process|protected|pure|sealed|trait|virtual|volatile)\b/], 2 | ["lit",/^[+-]?(?:0x[\da-f]+|(?:\.\d+|\d+(?:\.\d*)?)(?:e[+-]?\d+)?)/i],["pln",/^(?:[_a-z][\w']*[!#?]?|``[^\t\n\r`]*(?:``|$))/i],["pun",/^[^\w\t\n\r "'\xa0]+/]]),["fs","ml"]); 3 | -------------------------------------------------------------------------------- /js/prettify/lang-mumps.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"],["str",/^"(?:[^"]|\\.)*"/,null,'"']],[["com",/^;[^\n\r]*/,null,";"],["dec",/^\$(?:d|device|ec|ecode|es|estack|et|etrap|h|horolog|i|io|j|job|k|key|p|principal|q|quit|st|stack|s|storage|sy|system|t|test|tl|tlevel|tr|trestart|x|y|z[a-z]*|a|ascii|c|char|d|data|e|extract|f|find|fn|fnumber|g|get|j|justify|l|length|na|name|o|order|p|piece|ql|qlength|qs|qsubscript|q|query|r|random|re|reverse|s|select|st|stack|t|text|tr|translate|nan)\b/i, 2 | null],["kwd",/^(?:[^$]b|break|c|close|d|do|e|else|f|for|g|goto|h|halt|h|hang|i|if|j|job|k|kill|l|lock|m|merge|n|new|o|open|q|quit|r|read|s|set|tc|tcommit|tre|trestart|tro|trollback|ts|tstart|u|use|v|view|w|write|x|xecute)\b/i,null],["lit",/^[+-]?(?:\.\d+|\d+(?:\.\d*)?)(?:e[+-]?\d+)?/i],["pln",/^[a-z][^\W_]*/i],["pun",/^[^\w\t\n\r"$%;^\xa0]|_/]]),["mumps"]); 3 | -------------------------------------------------------------------------------- /js/prettify/lang-n.js: -------------------------------------------------------------------------------- 1 | var a=null; 2 | PR.registerLangHandler(PR.createSimpleLexer([["str",/^(?:'(?:[^\n\r'\\]|\\.)*'|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,a,'"'],["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,a,"#"],["pln",/^\s+/,a," \r\n\t\u00a0"]],[["str",/^@"(?:[^"]|"")*(?:"|$)/,a],["str",/^<#[^#>]*(?:#>|$)/,a],["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,a],["com",/^\/\/[^\n\r]*/,a],["com",/^\/\*[\S\s]*?(?:\*\/|$)/, 3 | a],["kwd",/^(?:abstract|and|as|base|catch|class|def|delegate|enum|event|extern|false|finally|fun|implements|interface|internal|is|macro|match|matches|module|mutable|namespace|new|null|out|override|params|partial|private|protected|public|ref|sealed|static|struct|syntax|this|throw|true|try|type|typeof|using|variant|virtual|volatile|when|where|with|assert|assert2|async|break|checked|continue|do|else|ensures|for|foreach|if|late|lock|new|nolate|otherwise|regexp|repeat|requires|return|surroundwith|unchecked|unless|using|while|yield)\b/, 4 | a],["typ",/^(?:array|bool|byte|char|decimal|double|float|int|list|long|object|sbyte|short|string|ulong|uint|ufloat|ulong|ushort|void)\b/,a],["lit",/^@[$_a-z][\w$@]*/i,a],["typ",/^@[A-Z]+[a-z][\w$@]*/,a],["pln",/^'?[$_a-z][\w$@]*/i,a],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,a,"0123456789"],["pun",/^.[^\s\w"-$'./@`]*/,a]]),["n","nemerle"]); 5 | -------------------------------------------------------------------------------- /js/prettify/lang-proto.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.sourceDecorator({keywords:"bytes,default,double,enum,extend,extensions,false,group,import,max,message,option,optional,package,repeated,required,returns,rpc,service,syntax,to,true",types:/^(bool|(double|s?fixed|[su]?int)(32|64)|float|string)\b/,cStyleComments:!0}),["proto"]); 2 | -------------------------------------------------------------------------------- /js/prettify/lang-r.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"],["str",/^"(?:[^"\\]|\\[\S\s])*(?:"|$)/,null,'"'],["str",/^'(?:[^'\\]|\\[\S\s])*(?:'|$)/,null,"'"]],[["com",/^#.*/],["kwd",/^(?:if|else|for|while|repeat|in|next|break|return|switch|function)(?![\w.])/],["lit",/^0[Xx][\dA-Fa-f]+([Pp]\d+)?[Li]?/],["lit",/^[+-]?(\d+(\.\d+)?|\.\d+)([Ee][+-]?\d+)?[Li]?/],["lit",/^(?:NULL|NA(?:_(?:integer|real|complex|character)_)?|Inf|TRUE|FALSE|NaN|\.\.(?:\.|\d+))(?![\w.])/], 2 | ["pun",/^(?:<>?|-|==|<=|>=|<|>|&&?|!=|\|\|?|[!*+/^]|%.*?%|[$=@~]|:{1,3}|[(),;?[\]{}])/],["pln",/^(?:[A-Za-z]+[\w.]*|\.[^\W\d][\w.]*)(?![\w.])/],["str",/^`.+`/]]),["r","s","R","S","Splus"]); 3 | -------------------------------------------------------------------------------- /js/prettify/lang-rd.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"],["com",/^%[^\n\r]*/,null,"%"]],[["lit",/^\\(?:cr|l?dots|R|tab)\b/],["kwd",/^\\[@-Za-z]+/],["kwd",/^#(?:ifn?def|endif)/],["pln",/^\\[{}]/],["pun",/^[()[\]{}]+/]]),["Rd","rd"]); 2 | -------------------------------------------------------------------------------- /js/prettify/lang-tex.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"],["com",/^%[^\n\r]*/,null,"%"]],[["kwd",/^\\[@-Za-z]+/],["kwd",/^\\./],["typ",/^[$&]/],["lit",/[+-]?(?:\.\d+|\d+(?:\.\d*)?)(cm|em|ex|in|pc|pt|bp|mm)/i],["pun",/^[()=[\]{}]+/]]),["latex","tex"]); 2 | -------------------------------------------------------------------------------- /js/prettify/lang-vhdl.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"]],[["str",/^(?:[box]?"(?:[^"]|"")*"|'.')/i],["com",/^--[^\n\r]*/],["kwd",/^(?:abs|access|after|alias|all|and|architecture|array|assert|attribute|begin|block|body|buffer|bus|case|component|configuration|constant|disconnect|downto|else|elsif|end|entity|exit|file|for|function|generate|generic|group|guarded|if|impure|in|inertial|inout|is|label|library|linkage|literal|loop|map|mod|nand|new|next|nor|not|null|of|on|open|or|others|out|package|port|postponed|procedure|process|pure|range|record|register|reject|rem|report|return|rol|ror|select|severity|shared|signal|sla|sll|sra|srl|subtype|then|to|transport|type|unaffected|units|until|use|variable|wait|when|while|with|xnor|xor)(?=[^\w-]|$)/i, 2 | null],["typ",/^(?:bit|bit_vector|character|boolean|integer|real|time|string|severity_level|positive|natural|signed|unsigned|line|text|std_u?logic(?:_vector)?)(?=[^\w-]|$)/i,null],["typ",/^'(?:active|ascending|base|delayed|driving|driving_value|event|high|image|instance_name|last_active|last_event|last_value|left|leftof|length|low|path_name|pos|pred|quiet|range|reverse_range|right|rightof|simple_name|stable|succ|transaction|val|value)(?=[^\w-]|$)/i,null],["lit",/^\d+(?:_\d+)*(?:#[\w.\\]+#(?:[+-]?\d+(?:_\d+)*)?|(?:\.\d+(?:_\d+)*)?(?:e[+-]?\d+(?:_\d+)*)?)/i], 3 | ["pln",/^(?:[a-z]\w*|\\[^\\]*\\)/i],["pun",/^[^\w\t\n\r "'\xa0][^\w\t\n\r "'\xa0-]*/]]),["vhdl","vhd"]); 4 | -------------------------------------------------------------------------------- /js/prettify/lang-wiki.js: -------------------------------------------------------------------------------- 1 | PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\d\t a-gi-z\xa0]+/,null,"\t \u00a0abcdefgijklmnopqrstuvwxyz0123456789"],["pun",/^[*=[\]^~]+/,null,"=*~^[]"]],[["lang-wiki.meta",/(?:^^|\r\n?|\n)(#[a-z]+)\b/],["lit",/^[A-Z][a-z][\da-z]+[A-Z][a-z][^\W_]+\b/],["lang-",/^{{{([\S\s]+?)}}}/],["lang-",/^`([^\n\r`]+)`/],["str",/^https?:\/\/[^\s#/?]*(?:\/[^\s#?]*)?(?:\?[^\s#]*)?(?:#\S*)?/i],["pln",/^(?:\r\n|[\S\s])[^\n\r#*=A-[^`h{~]*/]]),["wiki"]); 2 | PR.registerLangHandler(PR.createSimpleLexer([["kwd",/^#[a-z]+/i,null,"#"]],[]),["wiki.meta"]); 3 | -------------------------------------------------------------------------------- /js/prettify/lang-yaml.js: -------------------------------------------------------------------------------- 1 | var a=null; 2 | PR.registerLangHandler(PR.createSimpleLexer([["pun",/^[:>?|]+/,a,":|>?"],["dec",/^%(?:YAML|TAG)[^\n\r#]+/,a,"%"],["typ",/^&\S+/,a,"&"],["typ",/^!\S*/,a,"!"],["str",/^"(?:[^"\\]|\\.)*(?:"|$)/,a,'"'],["str",/^'(?:[^']|'')*(?:'|$)/,a,"'"],["com",/^#[^\n\r]*/,a,"#"],["pln",/^\s+/,a," \t\r\n"]],[["dec",/^(?:---|\.\.\.)(?:[\n\r]|$)/],["pun",/^-/],["kwd",/^\w+:[\n\r ]/],["pln",/^\w+/]]),["yaml","yml"]); 3 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Docs", 3 | "version": "0.0.2", 4 | "devDependencies": { 5 | "grunt": "*", 6 | "grunt-appengine": "~0.1.5", 7 | "grunt-concurrent": "^1.0.0", 8 | "grunt-contrib-compass": "^1.0.1", 9 | "grunt-contrib-watch": "~0.6.0", 10 | "grunt-doc-merge": "^1.0.0", 11 | "grunt-contrib-yuidoc": "*", 12 | "grunt-jekyll": "*", 13 | "grunt-vulcanize": "^0.6.4", 14 | "load-grunt-tasks": "^0.6.0" 15 | }, 16 | "scripts": { 17 | "start": "grunt" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /sass/_base.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | //@import "compass/reset"; 12 | @import "compass/css3/border-radius"; 13 | @import "compass/css3/images"; 14 | //@import "compass/css3/box-shadow"; 15 | @import "compass/css3/text-shadow"; 16 | @import "compass/css3/transform"; 17 | @import "compass/css3/transition"; 18 | //@import "compass/css3/background-size"; 19 | 20 | @import "vars"; 21 | 22 | .content-padding { 23 | max-width: 1032px; 24 | margin: 0 auto; 25 | } 26 | -------------------------------------------------------------------------------- /sass/_tables.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | /* Force table to not be like tables anymore */ 12 | .responsive-table, 13 | .responsive-table thead, 14 | .responsive-table tbody, 15 | .responsive-table th, 16 | .responsive-table td, 17 | .responsive-table tr { 18 | display: block; 19 | } 20 | 21 | /* Hide table headers (but not display: none;, for accessibility) */ 22 | .responsive-table th { 23 | position: absolute; 24 | top: -9999px; 25 | left: -9999px; 26 | } 27 | 28 | .responsive-table td { 29 | /* Behave like a "row" */ 30 | position: relative; 31 | padding-left: 40%; 32 | } 33 | 34 | .responsive-table td:before { 35 | /* Now like a table header */ 36 | position: absolute; 37 | left: 0; 38 | width: 35%; 39 | padding-right: 10px; 40 | text-transform: uppercase; 41 | font-size: 14px; 42 | font-weight: 500; 43 | } 44 | 45 | .responsive-table tr td:last-child { 46 | border-bottom: 1px solid $main-bg; 47 | } 48 | 49 | @mixin responsive-table($headers...) { 50 | $length: length($headers); 51 | @for $i from 1 through $length { 52 | td:nth-of-type(#{$i}):before { content: "#{nth($headers, $i)}"; } 53 | } 54 | } 55 | 56 | .expressions-table { 57 | @include responsive-table("Feature", "Example", "Explanation"); 58 | } 59 | 60 | .attributes-table { 61 | @include responsive-table("Attribute", "Required?", "Description"); 62 | } 63 | 64 | .lifecycle-table { 65 | @include responsive-table("Spec", "Polymer", "Called When"); 66 | } 67 | 68 | .fouc-table { 69 | @include responsive-table("Class Name", "Applied Behavior"); 70 | } 71 | -------------------------------------------------------------------------------- /sass/_typography.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | $font-size-display: 40px; 12 | 13 | h1, h2, h3, h4, h5 { 14 | font-weight: 300; 15 | letter-spacing: -0.01em; 16 | line-height: 48px; 17 | margin: 0; 18 | } 19 | 20 | // The @polyfill rules are kept separate from the general ones to the polyfill 21 | // doesn't process them. Helps mitigate FOUC. 22 | 23 | h1 { 24 | font-size: $font-size-display; 25 | } 26 | 27 | polyfill-next-selector { content: ':host h1'; } 28 | ::content h1 { 29 | font-size: $font-size-display; 30 | } 31 | 32 | h2 { 33 | font-size: 24px; 34 | } 35 | 36 | polyfill-next-selector { content: ':host h2'; } 37 | ::content h2 { 38 | font-size: 24px; 39 | } 40 | 41 | h3 { 42 | font-size: 20px; 43 | } 44 | 45 | polyfill-next-selector { content: ':host h3'; } 46 | ::content h3 { 47 | font-size: 20px; 48 | } 49 | 50 | h4 { 51 | font-size: 16px; 52 | font-weight: 500; 53 | } 54 | 55 | polyfill-next-selector { content: ':host h4'; } 56 | ::content h4 { 57 | font-size: 16px; 58 | font-weight: 500; 59 | } 60 | 61 | h5 { 62 | font-size: 12px; 63 | font-weight: 500; 64 | } 65 | 66 | polyfill-next-selector { content: ':host h5'; } 67 | ::content h5 { 68 | font-size: 12px; 69 | font-weight: 500; 70 | } 71 | -------------------------------------------------------------------------------- /sass/elementpage.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | @import "base"; 12 | 13 | //@import "spec"; 14 | //@import "polymer"; 15 | 16 | /* Elements */ 17 | .element-list { 18 | > [data-element-file] { 19 | padding-bottom: $additonalPadding; 20 | border-top: 1px solid $main-bg; 21 | height: 95px; 22 | overflow: hidden; 23 | cursor: pointer; 24 | // transition: height 300ms ease-in-out; 25 | 26 | &.expand { 27 | height: auto; 28 | } 29 | } 30 | 31 | header { 32 | margin: $additonalPadding 0; 33 | 34 | h2 { 35 | margin: 0 !important; 36 | /* Note: permalink :target anchors don't work when these are flexbox. */ 37 | @include display-flex; 38 | @include align-items(center); 39 | @include justify-content(flex-end); 40 | 41 | span { 42 | @include flex(1); 43 | } 44 | } 45 | 46 | a { 47 | margin-left: 20px; 48 | &:not(.permalink) { 49 | font-size: initial; 50 | } 51 | &[disabled] { 52 | opacity: 0.3; 53 | } 54 | } 55 | } 56 | 57 | .name { 58 | display: inline-block; 59 | code { 60 | white-space: nowrap; 61 | } 62 | } 63 | 64 | .nodocs { 65 | margin-left: 17px; 66 | font-style: italic; 67 | 68 | &:after { 69 | content: 'No documentation available.'; 70 | } 71 | } 72 | 73 | iframe { 74 | border: none; 75 | width: 100%; 76 | } 77 | 78 | .bower_install_instructions, 79 | .api_documentation { 80 | display: block; 81 | > label { 82 | font-weight: 500; 83 | } 84 | } 85 | 86 | } 87 | -------------------------------------------------------------------------------- /sass/elements/_elements.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | @import "compass/css3/box-sizing"; 12 | // @import "compass/css3/transition"; 13 | @import "compass/css3/transform"; 14 | 15 | @import "vars"; 16 | @import "polymer"; 17 | 18 | // @import "spec"; 19 | 20 | // * { 21 | // @include box-sizing(border-box); 22 | // } 23 | -------------------------------------------------------------------------------- /sass/elements/feature-carousel.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | @import "compass/css3/transition"; 12 | 13 | @import "elements"; 14 | 15 | $gray-1: #e6e6e6; 16 | $size: 10px; 17 | $transitionTime: 1s; 18 | 19 | :host { 20 | display: block; 21 | position: relative; 22 | height: 310px; 23 | @include transform(translateZ(0)); 24 | } 25 | 26 | polyfill-next-selector { content: ':host > core-selector > *'; } 27 | ::content > * { 28 | display: -webkit-flex; 29 | display: flex; 30 | transform: translate3d(15px,0,0); 31 | @include transition(all $transitionTime ease-in-out); 32 | opacity: 0; 33 | visibility: hidden; 34 | //pointer-events: none; 35 | position: absolute; 36 | top: 0; 37 | left: 0; 38 | z-index: -1; 39 | } 40 | 41 | polyfill-next-selector { content: ':host .core-selected'; } 42 | ::content > .core-selected { 43 | opacity: 1; 44 | visibility: visible; 45 | z-index: 0; 46 | transform: translate3d(0,0,0); 47 | } 48 | 49 | #paginator { 50 | text-align: center; 51 | position: absolute; 52 | bottom: 0; 53 | width: 50%; 54 | } 55 | 56 | .circle { 57 | cursor: pointer; 58 | display: inline-block; 59 | border-radius: 50%; 60 | width: $size; 61 | height: $size; 62 | border: 1px solid $gray-1; 63 | @include transition(background-color $transitionTime ease-in-out); 64 | margin: 0 3px; 65 | 66 | &.active { 67 | background-color: $gray-1 !important; 68 | } 69 | } 70 | 71 | @media only screen and (max-width: $break-medium) { 72 | polyfill-next-selector { content: ':host > core-selector > *'; } 73 | ::content > * { 74 | @include flex-direction(column); 75 | width: 100%; 76 | } 77 | polyfill-unscoped-rule { 78 | content: '#feature :host'; 79 | height: 680px; 80 | } 81 | :host { 82 | height: 680px !important; 83 | } 84 | #paginator { 85 | width: 100%; 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /sass/paper-button.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | @import "base"; 12 | 13 | paper-button { 14 | color: rgb(102, 102, 102); 15 | font-size: 14px; 16 | white-space: nowrap; 17 | 18 | > core-icon { 19 | margin-right: 4px; 20 | } 21 | 22 | &[raised] { 23 | background: $gray-medium; 24 | } 25 | 26 | &:hover, &.active { 27 | text-decoration: none; 28 | background: #fff; 29 | box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.1), 0px 2px 10px 0px rgba(0,0,0,0.1); 30 | } 31 | } 32 | 33 | .paper-button { 34 | // Inset highlight 35 | &[sink] { 36 | color: inherit; 37 | padding: 7px 10px; 38 | transition: none; 39 | 40 | &:hover, &.active { 41 | @include background(linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.08) 40%)); 42 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0px rgba(0, 0, 0, 0.2) inset; 43 | } 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /sass/site2_sd_rules.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | @import "material"; 12 | @import "vars"; 13 | 14 | 15 | paper-button { 16 | &::shadow #content { 17 | padding: 5px 5px 5px; 18 | & > span { 19 | vertical-align: middle; 20 | } 21 | } 22 | } 23 | 24 | body /deep/ doc-page::shadow paper-button[raised], 25 | body /deep/ component-download-button::shadow paper-button[raised] { 26 | background-color: $materialPurple; 27 | fill: white; 28 | color: white; 29 | } 30 | 31 | // Phone 32 | @media only screen and (max-width: $break-small) { 33 | 34 | html /deep/ app-bar::shadow .polymer-status-badge { 35 | margin: 0; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /sass/spec.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * @license 3 | * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 4 | * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 | * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 | * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 | * Code distributed by Google as part of the polymer project is also 8 | * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 | */ 10 | 11 | @import "base"; 12 | 13 | $font-family-body: "RobotoDraft",Helvetica,Arial,sans-serif; 14 | //$font-family-body: "Roboto",sans-serif; 15 | // $font-family-code: "Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace; 16 | 17 | $font-size-meta: 12px; 18 | $font-size-secondary: 14px; 19 | $font-size-body: 16px; 20 | $font-size-header: 20px; 21 | 22 | $line-height-body: 24px; 23 | 24 | $link-color: #3367d6; 25 | 26 | .meta { 27 | font-size: $font-size-meta; 28 | font-weight: normal; 29 | line-height: 20px; 30 | // letter-spacing: 20pt; 31 | } 32 | 33 | .secondary { 34 | font-size: $font-size-secondary; 35 | font-weight: normal; 36 | line-height: 20px; 37 | // letter-spacing: 20pt; 38 | } 39 | 40 | body { 41 | font-size: $font-size-body; 42 | font-family: $font-family-body; 43 | font-weight: 300; 44 | line-height: $line-height-body; 45 | // letter-spacing: 0; 46 | } 47 | 48 | // .header { 49 | // font-size: $font-size-header; 50 | // font-weight: 600; 51 | // // letter-spacing: 0; 52 | // line-height: 24px; 53 | // } 54 | 55 | button { 56 | font-size: $font-size-meta; 57 | font-weight: normal; 58 | // letter-spacing: 60pt; 59 | text-transform: uppercase; 60 | } 61 | 62 | a { 63 | // font-size: $font-size-secondary; 64 | font-size: inherit; 65 | // font-weight: normal; 66 | color: $link-color; 67 | // letter-spacing: 10pt; 68 | text-decoration: none; 69 | } 70 | 71 | a:hover { 72 | text-decoration: underline; 73 | } 74 | 75 | code, pre { 76 | font-family: $font-family-code; 77 | } 78 | -------------------------------------------------------------------------------- /scripts/deploy_site.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | # 3 | # Builds Polymer's API documentation and upload's the site to app engine. 4 | # 5 | # Note: This script should be used in place of using appcfg.py update directly 6 | # to update the application on App Engine. 7 | # 8 | # Copyright 2013 Eric Bidelman <@ebidel> 9 | 10 | # for arg in $@ 11 | # do 12 | # if [ $arg = "--release" ] ; then 13 | # versionStr=v`date +%Y%m%d` 14 | 15 | # git checkout -b $versionStr 16 | 17 | # if [ $? -ne 0 ] ; then 18 | # git checkout $versionStr 19 | # git merge master 20 | # git commit -m "merging with master" 21 | # else 22 | # # Change app.yaml version to current date timestamp. 23 | # fl=../app.yaml 24 | # mv $fl $fl.old 25 | # sed "s/version: master/version: $versionStr/g" $fl.old > $fl 26 | # rm -f $fl.old 27 | 28 | # # Commit the new release branch. 29 | # git commit -m "Cutting release $versionStr" ../app.yaml 30 | # fi 31 | 32 | # git push origin $versionStr 33 | # fi 34 | # done 35 | 36 | # Vulcanize common elements for the site 37 | #node polymer-all/labs/vulcanize/bin/vulcanize -i _includes/common_elements.html -o elements/common_elements.vulcanized.html 38 | #vulcanize --config vulcanize_config.json _includes/common_elements.html -o elements/common_elements.vulcanized.html 39 | 40 | # Compile .sass files. 41 | compass compile 42 | 43 | # Run jekyll and build api docs. 44 | grunt docs 45 | 46 | # Deploy site to App Engine. 47 | appcfg.py update --oauth2 . 48 | -------------------------------------------------------------------------------- /scripts/scrub_changelog.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | 3 | # @license 4 | # Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 5 | # This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 6 | # The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 7 | # The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 8 | # Code distributed by Google as part of the polymer project is also 9 | # subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 10 | 11 | """ 12 | This script does post-processing on the Polymer change log produced by git. 13 | It scrubs out uncessary items like test updates, version bumps, README updates, etc. 14 | """ 15 | 16 | __author__ = 'ericbidelman@chromium.org (Eric Bidelman)' 17 | 18 | import re 19 | import sys 20 | import getopt 21 | 22 | def main(): 23 | try: 24 | opts, args = getopt.getopt(sys.argv[1:], "h", ["help"]) 25 | except getopt.error, msg: 26 | print msg 27 | print "For help use --help" 28 | sys.exit(2) 29 | 30 | # Process options 31 | for o, a in opts: 32 | if o in ("-h", "--help"): 33 | print __doc__ 34 | sys.exit(0) 35 | 36 | if len(args) < 1: 37 | print 'No input file specified.' 38 | sys.exit(2) 39 | 40 | filename = args[0] 41 | 42 | try: 43 | with open(filename, 'r') as f: 44 | lines = f.readlines() 45 | except IOError, e: 46 | print e 47 | sys.exit(2) 48 | 49 | output_lines = [] 50 | for l in lines: 51 | if re.search(r'release\s\d.\d.\d', l, re.IGNORECASE): 52 | continue 53 | if re.search(r'bump|cleanup|freshen|merge|README|test|typo', l, re.IGNORECASE): 54 | continue 55 | 56 | output_lines.append(l) 57 | 58 | with open(filename + '.out', 'w') as f: 59 | f.writelines(output_lines) 60 | 61 | if __name__ == "__main__": 62 | main() -------------------------------------------------------------------------------- /scripts/update_bower.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | # 3 | # 4 | # 5 | component_dirs="0.5 1.0 1.0/samples" 6 | 7 | for dir in $component_dirs 8 | do 9 | ( cd $dir ; bower update ) 10 | done 11 | 12 | -------------------------------------------------------------------------------- /summit/.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "app/bower_components" 3 | } 4 | -------------------------------------------------------------------------------- /summit/README.md: -------------------------------------------------------------------------------- 1 | # Summit 2 | 3 | ## Setup 4 | 5 | Build the summit site 6 | 7 | ``` 8 | cd summit 9 | npm install && bower install 10 | gulp 11 | ``` 12 | 13 | Then start the local server 14 | 15 | ``` 16 | cd .. 17 | grunt docs 18 | grunt 19 | ``` 20 | 21 | Then preview at localhost:3000/summit 22 | 23 | ## Deploying 24 | 25 | Follow the above steps to build the summit site. 26 | Update the version in `app.yaml` and deploy the entire Polymer site 27 | as usual. 28 | -------------------------------------------------------------------------------- /summit/app/elements.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /summit/app/images/badge-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/summit/app/images/badge-blue.png -------------------------------------------------------------------------------- /summit/app/images/badge-blue@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/summit/app/images/badge-blue@2x.png -------------------------------------------------------------------------------- /summit/app/images/badge-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/summit/app/images/badge-white.png -------------------------------------------------------------------------------- /summit/app/images/badge-white@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/summit/app/images/badge-white@2x.png -------------------------------------------------------------------------------- /summit/app/images/left-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/summit/app/images/left-bg.png -------------------------------------------------------------------------------- /summit/app/images/muziekgebouw.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/summit/app/images/muziekgebouw.jpg -------------------------------------------------------------------------------- /summit/app/images/right-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/samccone/docs/fc757cf6f47e99d00cc5020b2318202be0145149/summit/app/images/right-bg.png -------------------------------------------------------------------------------- /summit/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "summit", 3 | "version": "0.0.0", 4 | "ignore": [ 5 | "**/.*", 6 | "node_modules", 7 | "bower_components", 8 | "test", 9 | "tests" 10 | ], 11 | "dependencies": { 12 | "paper-elements": "PolymerElements/paper-elements#~1.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /summit/gulpfile.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 4 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 6 | Code distributed by Google as part of the polymer project is also 7 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 8 | */ 9 | 10 | 'use strict'; 11 | 12 | // Include Gulp & Tools We'll Use 13 | var gulp = require('gulp'); 14 | var $ = require('gulp-load-plugins')(); 15 | var del = require('del'); 16 | 17 | // Autoprefix and minify CSS 18 | gulp.task('styles', ['clean'], function() { 19 | return gulp.src('app/styles/**/*.css') 20 | // No matter what setting I use it seems to add -webkit-box which breaks 21 | // the logo :( 22 | // .pipe($.autoprefixer(['last 2 versions', 'ios 8', 'Safari 8'])) 23 | .pipe($.cssmin()) 24 | .pipe(gulp.dest('dist/styles')); 25 | }); 26 | 27 | // Optimize Images 28 | gulp.task('images', ['clean'], function () { 29 | return gulp.src('app/images/**/*') 30 | .pipe($.imagemin({ 31 | progressive: true, 32 | interlaced: true 33 | })) 34 | .pipe(gulp.dest('dist/images')); 35 | }); 36 | 37 | // Minify html 38 | gulp.task('html', ['clean'], function() { 39 | return gulp.src('app/index.html') 40 | .pipe($.minifyHtml({ 41 | quotes: true, 42 | empty: true, 43 | spare: true 44 | })) 45 | .pipe(gulp.dest('dist')) 46 | }); 47 | 48 | // Vulcanize 49 | gulp.task('vulcanize', ['clean'], function () { 50 | return gulp.src('app/elements.html') 51 | .pipe($.vulcanize({ 52 | stripComments: true, 53 | inlineCss: true, 54 | inlineScripts: true 55 | })) 56 | .pipe(gulp.dest('dist')); 57 | }); 58 | 59 | // Copy over polyfills 60 | gulp.task('copy', ['clean'], function() { 61 | return gulp.src('app/bower_components/webcomponentsjs/webcomponents-lite.min.js') 62 | .pipe(gulp.dest('dist/scripts')) 63 | }); 64 | 65 | // Clean Output Directory 66 | gulp.task('clean', del.bind(null, ['dist'])); 67 | 68 | // Default task, build dist dir 69 | gulp.task('default', ['styles', 'images', 'html', 'vulcanize', 'copy']); 70 | -------------------------------------------------------------------------------- /summit/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "summit", 3 | "version": "1.0.0", 4 | "description": "", 5 | "devDependencies": { 6 | "del": "^1.2.0", 7 | "gulp": "^3.9.0", 8 | "gulp-autoprefixer": "^2.3.1", 9 | "gulp-cssmin": "^0.1.7", 10 | "gulp-imagemin": "^2.3.0", 11 | "gulp-load-plugins": "^1.0.0-rc.1", 12 | "gulp-minify-html": "^1.0.4", 13 | "gulp-vulcanize": "^6.0.1" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /vulcanize_config.json: -------------------------------------------------------------------------------- 1 | { 2 | "excludes": { 3 | "imports": ["polymer.html$"] 4 | } 5 | } 6 | --------------------------------------------------------------------------------