A mirror of Polymer's components so that they can be used directly from CDN
In general, given an element named my-cool-element, the CDN url for it will be:
https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/my-cool-element/my-cool-element.html
To be sure, browse this repo and copy-paste the url to the raw version into RawGit.
As this repo groups a whole set of components, versioning is tricky. For now I've decided to follow the Polymer version number and add an extra number behind it for updates that did not involve a change of the Polymer version. It's important to remember that this repo does not (can not) follow semantic versioning guidelines and that it's version numbers indicate not much more than which versions came before which and after which other versions.
Make sure you always link to a specific version and not to master, as that would mean your
code could change right under your nose. Something you don't want in production! Also, for
this same reason, I recommend forking this repo and including from your own fork, so you'll
have full control over it.
To see available versions and select one, use the Branch dropdown menu and select one of
the tags. You can then browse that version of the Repo. Browse to the file you want to include
and copy the url to it's raw version. Throw that into RawGit and you'll
have a url to a file on CDN that never expires from cache and is not throttled or limited
in bandwidth in any way.
This repository aims to be a complete set of the standard Polymer components, grouped in such a way that (transitive) dependencies can be correctly resolved for all components. If you are missing some (version of) a component, please create an issue explaining what should be changed and I'll do my best to implement it.
Pull requests are of course also always welcome! If you want to try that, here is the rough procedure:
- Create an issue in this repo describing your change and mention you're preparing a pull request
- Fork this repo
- Clone your forked repo to your own machine
- Create and switch to a new Branch
- Implement the change
- Commit your change, making sure to mention the URL to the issue created in step 1 in the commit comment
- Push your change to your fork (make sure to push the right branch)
- Create a Pull Request from your change.
I will review the PR and if it looks good, Merge it and Publish the resulting work as a new Release.
All the libraries available in polymer-cdn can be found side-by-side in the lib subfolder.
Some of the libraries depend on other libraries. We call those other libraries the dependencies of the library. These dependencies will also be pulled into your page when you include such a library. If the dependencies themselves depend on yet other libraries, these dependencies of dependencies will also be pulled into your page, et cetera until the full dependency tree has been loaded. We call this transitive dependency resolution and it's built in to the way Web Components work.
The bower output below lists, for each library included in this CDN, the dependencies of that library. These dependencies are themselves also listed at the top-level, so you can work out the entire dependency tree for a library by carefully examining this diagram.
polymer#1.1.4 lib\polymer
└── webcomponentsjs#0.7.14
iron-elements#1.0.4 lib\iron-elements
├── iron-a11y-announcer#1.0.3
├── iron-a11y-keys#1.0.2
├── iron-a11y-keys-behavior#1.0.6
├── iron-ajax#1.0.5
├── iron-autogrow-textarea#1.0.6
├── iron-behaviors#1.0.8
├── iron-checked-element-behavior#1.0.2
├── iron-collapse#1.0.3
├── iron-component-page#1.0.5
├── iron-doc-viewer#1.0.6
├── iron-dropdown#1.0.6
├── iron-fit-behavior#1.0.3
├── iron-flex-layout#1.0.4
├── iron-form#1.0.9
├── iron-form-element-behavior#1.0.4
├── iron-icon#1.0.5
├── iron-icons#1.0.4
├── iron-iconset#1.0.3
├── iron-iconset-svg#1.0.5
├── iron-image#1.0.2
├── iron-input#1.0.6
├── iron-jsonp-library#1.0.3
├── iron-list#1.1.2
├── iron-localstorage#1.0.4
├── iron-media-query#1.0.2
├── iron-menu-behavior#1.0.5
├── iron-meta#1.0.3
├── iron-overlay-behavior#1.0.9
├── iron-pages#1.0.3
├── iron-range-behavior#1.0.3
├── iron-resizable-behavior#1.0.2
├── iron-selector#1.0.5
├── iron-signals#1.0.2
├── iron-test-helpers#1.0.4
├── iron-validatable-behavior#1.0.4
└── iron-validator-behavior#1.0.1
paper-button#1.0.7 lib\paper-button
├── iron-flex-layout#1.0.4
├── paper-behaviors#1.0.4
├── paper-material#1.0.2
├── paper-ripple#1.0.2
└── polymer#1.1.4
paper-card#1.0.6 lib\paper-card
├── iron-flex-layout#1.0.4
├── paper-material#1.0.2
└── polymer#1.1.4
paper-dialog#1.0.2 lib\paper-dialog
├── neon-animation#1.0.6
├── paper-dialog-behavior#1.0.6
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-dropdown-menu#1.0.4 lib\paper-dropdown-menu
├── iron-a11y-keys-behavior#1.0.6
├── iron-icon#1.0.5
├── iron-icons#1.0.4
├── paper-input#1.0.15
├── paper-menu-button#1.0.3
├── paper-ripple#1.0.2
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-behaviors#1.0.4 lib\paper-behaviors
├── iron-behaviors#1.0.8
└── polymer#1.1.4
paper-progress#1.0.7 lib\paper-progress
├── iron-flex-layout#1.0.4
├── iron-range-behavior#1.0.3
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-dialog-behavior#1.0.6 lib\paper-dialog-behavior
├── iron-overlay-behavior#1.0.9
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-item#1.0.3 lib\paper-item
├── iron-behaviors#1.0.8
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-menu#1.1.1 lib\paper-menu
├── iron-behaviors#1.0.8
├── iron-collapse#1.0.3
├── iron-menu-behavior#1.0.5
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-toggle-button#1.0.10 lib\paper-toggle-button
├── iron-checked-element-behavior#1.0.2
├── paper-behaviors#1.0.4
├── paper-ripple#1.0.2
├── paper-styles#1.0.11
└── polymer#1.1.4
gold-email-input#1.0.5 lib\gold-email-input
├── iron-form-element-behavior#1.0.4
├── iron-icon#1.0.5
├── paper-input#1.0.15
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-tabs#1.0.3 lib\paper-tabs
├── iron-behaviors#1.0.8
├── iron-flex-layout#1.0.4
├── iron-icon#1.0.5
├── iron-iconset-svg#1.0.5
├── iron-menu-behavior#1.0.5
├── iron-resizable-behavior#1.0.2
├── paper-icon-button#1.0.3
├── paper-ripple#1.0.2
├── paper-styles#1.0.11
└── polymer#1.1.4
paper-input#1.0.15 lib\paper-input
├── iron-autogrow-textarea#1.0.6
├── iron-behaviors#1.0.8
├── iron-form-element-behavior#1.0.4
├── iron-input#1.0.6
├── paper-styles#1.0.11
└── polymer#1.1.4
promise-polyfill#1.0.0 lib\promise-polyfill
└── polymer#1.1.4
iron-flex-layout#1.0.4 lib\iron-flex-layout
└── polymer#1.1.4
google-streetview-pano#1.0.3 lib\google-streetview-pano
├── google-apis#1.1.1
└── polymer#1.1.4
iron-icon#1.0.5 lib\iron-icon
├── iron-flex-layout#1.0.4
├── iron-meta#1.0.3
└── polymer#1.1.4
google-signin#1.1.0 lib\google-signin
├── font-roboto#1.0.1
├── google-apis#1.1.1
├── iron-flex-layout#1.0.4
├── iron-icon#1.0.5
├── iron-icons#1.0.4
├── paper-material#1.0.2
├── paper-ripple#1.0.2
└── polymer#1.1.4
iron-a11y-keys-behavior#1.0.6 lib\iron-a11y-keys-behavior
└── polymer#1.1.4
google-chart#1.0.3 lib\google-chart
├── google-apis#1.1.1
├── iron-ajax#1.0.5
└── polymer#1.1.4
iron-autogrow-textarea#1.0.6 lib\iron-autogrow-textarea
├── iron-behaviors#1.0.8
├── iron-flex-layout#1.0.4
├── iron-form-element-behavior#1.0.4
├── iron-validatable-behavior#1.0.4
└── polymer#1.1.4
iron-dropdown#1.0.6 lib\iron-dropdown
├── iron-a11y-keys-behavior#1.0.6
├── iron-behaviors#1.0.8
├── iron-overlay-behavior#1.0.9
├── iron-resizable-behavior#1.0.2
├── neon-animation#1.0.6
└── polymer#1.1.4
iron-behaviors#1.0.8 lib\iron-behaviors
├── iron-a11y-keys-behavior#1.0.6
└── polymer#1.1.4
iron-a11y-announcer#1.0.3 lib\iron-a11y-announcer
└── polymer#1.1.4
google-apis#1.1.1 lib\google-apis
├── iron-jsonp-library#1.0.3
└── polymer#1.1.4
iron-iconset-svg#1.0.5 lib\iron-iconset-svg
├── iron-meta#1.0.3
└── polymer#1.1.4
iron-ajax#1.0.5 lib\iron-ajax
├── polymer#1.1.4
└── promise-polyfill#1.0.0
google-map#1.1.3 lib\google-map
├── google-apis#1.1.1
├── iron-resizable-behavior#1.0.2
└── polymer#1.1.4
iron-selector#1.0.5 lib\iron-selector
└── polymer#1.1.4
iron-iconset#1.0.3 lib\iron-iconset
├── iron-meta#1.0.3
└── polymer#1.1.4
iron-menu-behavior#1.0.5 lib\iron-menu-behavior
├── iron-a11y-keys-behavior#1.0.6
├── iron-selector#1.0.5
└── polymer#1.1.4
iron-test-helpers#1.0.4 lib\iron-test-helpers
└── polymer#1.1.4
iron-overlay-behavior#1.0.9 lib\iron-overlay-behavior
├── iron-fit-behavior#1.0.3
├── iron-resizable-behavior#1.0.2
└── polymer#1.1.4
iron-range-behavior#1.0.3 lib\iron-range-behavior
└── polymer#1.1.4
iron-doc-viewer#1.0.6 lib\iron-doc-viewer
├── marked-element#1.1.1
├── paper-button#1.0.7
├── paper-styles#1.0.11
├── polymer#1.1.4
└── prism-element#1.0.2
iron-icons#1.0.4 lib\iron-icons
├── iron-icon#1.0.5
├── iron-iconset-svg#1.0.5
└── polymer#1.1.4
webcomponentsjs#0.7.14 lib\webcomponentsjs
firebase#2.3.1 lib\firebase
sw-toolbox#2.1.0 lib\sw-toolbox
iron-list#1.1.2 lib\iron-list
├── iron-resizable-behavior#1.0.2
└── polymer#1.1.4
hydrolysis#1.19.1 lib\hydrolysis