=== Polymer Components ===
Contributors: blocknot.es
Tags: plugin,google,shortcode,page,posts,Post
Donate link: http://www.blocknot.es/home/me/
Requires at least: 3.5.0
Tested up to: 4.0
Stable tag: 1.2.0
License: GPL3
License URI: http://www.gnu.org/licenses/gpl-3.0.txt

Add Polymer elements to your website!
Polymer brings an implementation of Google Material Design to the web.

== Description ==

This plugin allows to add Polymer elements in your posts and pages. The same components used in Android Lollypop. You can use the HTML editor with the Polymer tags or the shortcode *[poly]* for all the elements. The correct HTML libraries will be loaded automatically when you use a Polymer tag.
Polymer documentation page: http://www.polymer-project.org/

Features:

* Polymer tags directly available (core & paper) in posts and pages with the HTML editor;
* [poly] shortcode to access to the Polymer tags;
* auto import the necessary HTML components;
* Javascript editor in posts / pages admin;
* documentation links for each tag.

Shortcode syntax: [poly ELEMENT-TAG ELEMENT-OPTIONS]

Tags: core-icon, paper-button, paper-checkbox, paper-slider, etc.

Options: style, id, class, etc.

Examples:

	[poly core-icon icon="favorite"][/poly]
	[poly paper-checkbox][/poly]
	[poly paper-button raised style="color: green"]A green button[/poly]
	[poly paper-item icon="home" label="Test link"]<a href="http://www.google.it" target="_blank"></a>[/poly]

== Installation ==

1. Install the plugin
1. Activate it
1. Edit a post or a page
1. Use the shortcode to add Polymer elements and/or add directly Polymer tags (in the HTML editor)

== Frequently Asked Questions ==

= How can I interact with the Polymer elements? =

You can add your Javascript code for your page or post in the Javascript editor under the content editor - Polymer Components meta box.
Sample code to open a dialog from a button click:

	window.addEventListener('polymer-ready', function(e) {
	  document.querySelector('#btn_test').addEventListener('click', function(e) {
	    document.querySelector('#my-dialog').toggle();
	  });
	});

= Can I create my elements? =

Yes, you can use the *polymer-element* tag in posts and pages included the script block.

== Screenshots ==

1. Some Polymer elements in a post
2. Polymer Components meta box in post / page editor
3. A custom element

== Upgrade Notice ==

= 1.2.0 =
* New widget
* Auto-import improved
* Small fix to JS editor
= 1.1.2 =
* Small fix and changes to settings
= 1.1.0 =
* New settings screen
* New settings: JS in pages / posts
* Improved Javascript editor
* Added polymer-element tag
= 1.0.6 =
* Added Javascript textarea to posts and pages

== Changelog ==

= 1.2.0 =
* New widget
* Auto-import improved
* Small fix to JS editor
= 1.1.2 =
* Small fix and changes to settings
= 1.1.0 =
* New settings screen
* New settings: JS in pages / posts
* Improved Javascript editor
* Added polymer-element tag
= 1.0.6 =
* Added Javascript textarea to posts and pages
= 1.0.2 =
* Small fix for admin docs
= 1.0.0 =
* First release