RubyGems - polymer-paper-rails - Versions diffs - 0.2.6 → 1.0.0.pre.rc.1 - Mend

polymer-paper-rails 0.2.6 → 1.0.0.pre.rc.1

Files changed (634) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fc992b593aa98f62a1428387bf61850e48228145
-  data.tar.gz: 9ba7003d65c6b9705c81f1438c065b42b1d891fb
+  metadata.gz: 44178189c2b0ad320512374c8fb232d6ba8513dc
+  data.tar.gz: 81fa12c968a24a33171f7cdbedc4e9c9aeb0382e
 SHA512:
-  metadata.gz: 11430954d05669a470b56790c63758cb9e2945e07b2a761dc0cbf708aa57ec3ddb4e5a6b3a2d9f2fca5672ac5cfed826e92e3cccf22c09c625797da035887ed4
-  data.tar.gz: dbb745e426310669656a1db560c8a97e151e498825b6895efcb19cfad819fb6b95e1d782044aae0159cb4f4b615223f8481d21fab2c46a23200e494fb6f01092
+  metadata.gz: 05d08d428ed99cdd146331e762add53c7a773da822c68a6340585a7e11dd4654c72cb2ac532459df4a94b78f8006f77835aed6ba75d86aadbe892c7661996e2f
+  data.tar.gz: e22ddecbbf9caeb6e2cb68aec3eb21309b6e9930b86222dafe2853a45670ac8bca23c47e6d32df868faef842a6e57572291a081ecc13c5a507caf6f7ae482466

data/README.md CHANGED Viewed

@@ -30,7 +30,7 @@ gem 'polymer-rails'
 gem 'polymer-paper-rails'
 ```
-After runnign `bundle install` require needed paper elements into your `application.html` manifest file.
+After running `bundle install` require needed paper elements into your `application.html` manifest file.
     //= require polymer/polymer
     //= require paper-button/paper-button
@@ -58,7 +58,7 @@ to explicitly require any of dependencies, otherwise it will raise exception.
 * [paper-shadow](https://www.polymer-project.org/0.5/docs/elements/paper-shadow.html)
 * [paper-slider](https://www.polymer-project.org/0.5/docs/elements/paper-slider.html)
 * [paper-tabs](https://www.polymer-project.org/0.5/docs/elements/paper-tabs.html)
-* [paper-toast](https://www.polymer-project.org/0.5/docs/elements/paper-taoast.html)
+* [paper-toast](https://www.polymer-project.org/0.5/docs/elements/paper-toast.html)
 * [paper-toggle-button](https://www.polymer-project.org/0.5/docs/elements/paper-toggle-button.html)
 ## Contributing

data/app/assets/components/iron-a11y-announcer/README.md ADDED Viewed

@@ -0,0 +1,29 @@
+iron-a11y-announcer
+===================
+`iron-a11y-announcer` is a singleton element that is intended to add a11y
+to features that require on-demand announcement from screen readers. In
+order to make use of the announcer, it is best to request its availability
+in the announcing element.
+Example:
+    Polymer({
+      is: 'x-chatty',
+      attached: function() {
+        // This will create the singlton element if it has not
+        // been created yet:
+        Polymer.IronA11yAnnouncer.requestAvailability();
+      }
+    });
+After the `iron-a11y-announcer` has been made available, elements can
+make announces by firing bubbling `iron-announce` events.
+Example:
+    this.fire('iron-announce', {
+      text: 'This is an announcement!'
+    }, { bubbles: true });
+Note: announcements are only audible if you have a screen reader enabled.

data/app/assets/components/iron-a11y-announcer/bower.json ADDED Viewed

@@ -0,0 +1,28 @@
+{
+  "name": "iron-a11y-announcer",
+  "version": "1.0.0",
+  "description": "A singleton element that simplifies announcing text to screen readers.",
+  "keywords": [
+    "web-components",
+    "polymer",
+    "a11y",
+    "live"
+  ],
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "main": "iron-a11y-announcer.html",
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "dependencies": {
+    "polymer": "polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "polymerelements/iron-component-page#^1.0.0",
+    "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
+    "paper-button": "polymerelements/paper-button#^1.0.0",
+    "paper-styles": "polymerelements/paper-styles#^1.0.0",
+    "test-fixture": "polymerelements/test-fixture#^1.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
+    "web-component-tester": "*"
+  }
+}

data/app/assets/components/iron-a11y-announcer/demo/index.html ADDED Viewed

@@ -0,0 +1,40 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+  <title>iron-a11y-announcer demo</title>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../paper-styles/paper-styles.html">
+  <link rel="import" href="../../paper-styles/demo-pages.html">
+  <link rel="import" href="x-announces.html">
+</head>
+<body>
+  <div class="horizontal center-justified layout">
+    <div>
+      <div class="vertical-section">
+        <span>Note: in order to hear the announcements, be sure to turn on your favorite screen reader!</span>
+        <x-announces>Hello, my name is Ava.</x-announces>
+        <x-announces>This true sentence is false.</x-announces>
+        <x-announces>Are you paying attention?</x-announces>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

data/app/assets/components/iron-a11y-announcer/demo/x-announces.html ADDED Viewed

@@ -0,0 +1,50 @@
+<!--
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
+The complete set of authors may be found at http://polymer.github.io/AUTHORS
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
+-->
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../../paper-button/paper-button.html">
+<link rel="import" href="../iron-a11y-announcer.html">
+<dom-module id="x-announces">
+  <style>
+    :host {
+      display: block;
+      position: relative;
+      padding: 1em 0;
+    }
+    paper-button {
+      background: #4285f4;
+      color: #fff;
+    }
+  </style>
+  <template>
+    <paper-button on-tap="_onTapAnnounce" raised>Announce</paper-button>
+    <span id="content" aria-hidden="true">
+      <content></content>
+    </span>
+  </template>
+  <script>
+    Polymer({
+      is: 'x-announces',
+      attached: function() {
+        Polymer.IronA11yAnnouncer.requestAvailability();
+      },
+      _onTapAnnounce: function() {
+        this.fire('iron-announce', {
+          text: this.$.content.textContent.trim()
+        }, {
+          bubbles: true
+        });
+      }
+    });
+  </script>
+</dom-module>

data/app/assets/components/iron-a11y-announcer/index.html ADDED Viewed

@@ -0,0 +1,28 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <title>iron-a11y-announcer</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+</head>
+<body>
+  <iron-component-page></iron-component-page>
+</body>
+</html>

data/app/assets/components/iron-a11y-announcer/iron-a11y-announcer.html ADDED Viewed

@@ -0,0 +1,125 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../polymer/polymer.html">
+<!--
+`iron-a11y-announcer` is a singleton element that is intended to add a11y
+to features that require on-demand announcement from screen readers. In
+order to make use of the announcer, it is best to request its availability
+in the announcing element.
+Example:
+    Polymer({
+      is: 'x-chatty',
+      attached: function() {
+        // This will create the singlton element if it has not
+        // been created yet:
+        Polymer.IronA11yAnnouncer.requestAvailability();
+      }
+    });
+After the `iron-a11y-announcer` has been made available, elements can
+make announces by firing bubbling `iron-announce` events.
+Example:
+    this.fire('iron-announce', {
+      text: 'This is an announcement!'
+    }, { bubbles: true });
+Note: announcements are only audible if you have a screen reader enabled.
+@group Iron Elements
+@demo demo/index.html
+-->
+<dom-module id="iron-a11y-announcer">
+  <style>
+    :host {
+      display: inline-block;
+      position: fixed;
+      clip: rect(0px,0px,0px,0px);
+    }
+  </style>
+  <template>
+    <span aria-live$="[[mode]]">[[_text]]</span>
+  </template>
+  <script>
+    (function() {
+      'use strict';
+      Polymer.IronA11yAnnouncer = Polymer({
+        is: 'iron-a11y-announcer',
+        properties: {
+          /**
+           * The value of mode is used to set the `aria-live` attribute
+           * for the element that will be announced. Valid values are: `off`,
+           * `polite` and `assertive`.
+           */
+          mode: {
+            type: String,
+            value: 'polite'
+          },
+          _text: {
+            type: String,
+            value: ''
+          }
+        },
+        created: function() {
+          if (!Polymer.IronA11yAnnouncer.instance) {
+            Polymer.IronA11yAnnouncer.instance = this;
+          }
+          document.body.addEventListener('iron-announce', this._onIronAnnounce.bind(this));
+        },
+        /**
+         * Cause a text string to be announced by screen readers.
+         *
+         * @param {string} text The text that should be announced.
+         */
+        announce: function(text) {
+          this._text = '';
+          this.async(function() {
+            this._text = text;
+          }, 100);
+        },
+        _onIronAnnounce: function(event) {
+          if (event.detail && event.detail.text) {
+            this.announce(event.detail.text);
+          }
+        }
+      });
+      Polymer.IronA11yAnnouncer.instance = null;
+      Polymer.IronA11yAnnouncer.requestAvailability = function() {
+        if (!Polymer.IronA11yAnnouncer.instance) {
+          document.createElement('iron-a11y-announcer');
+        }
+        document.body.appendChild(Polymer.IronA11yAnnouncer.instance);
+      };
+    })();
+  </script>
+</dom-module>

data/app/assets/components/iron-a11y-announcer/test/index.html ADDED Viewed

@@ -0,0 +1,26 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>iron-a11y-announcer tests</title>
+    <script src="../../webcomponentsjs/webcomponents.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
+  </head>
+  <body>
+    <script>
+      WCT.loadSuites([
+	      'iron-a11y-announcer.html'
+      ]);
+    </script>
+  </body>
+</html>

data/app/assets/components/iron-a11y-announcer/test/iron-a11y-announcer.html ADDED Viewed

@@ -0,0 +1,59 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <title>iron-a11y-announcer</title>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+  <script src="../../test-fixture/test-fixture-mocha.js"></script>
+  <link rel="import" href="../../polymer/polymer.html">
+  <link rel="import" href="../../test-fixture/test-fixture.html">
+  <link rel="import" href="../iron-a11y-announcer.html">
+</head>
+<body>
+  <test-fixture id="Announcer">
+    <template>
+      <iron-a11y-announcer></iron-a11y-announcer>
+    </template>
+  </test-fixture>
+  <script>
+    suite('<iron-a11y-announcer>', function() {
+      var announcer;
+      setup(function() {
+        announcer = fixture('Announcer');
+      });
+      test('announces when there is an iron-announce event', function() {
+        var event = new CustomEvent('iron-announce', {
+          bubbles: true,
+          detail: {
+            text: 'foo'
+          }
+        });
+        sinon.spy(announcer, 'announce');
+        document.body.dispatchEvent(event);
+        expect(announcer.announce.callCount).to.be.equal(1);
+      });
+    });
+  </script>
+</body>
+</html>

data/app/assets/components/iron-a11y-keys-behavior/README.md ADDED Viewed

@@ -0,0 +1,15 @@
+iron-a11y-keys-behavior
+=======================
+`Polymer.IronA11yKeysBehavior` provides a normalized interface for processing
+keyboard commands that pertain to [WAI-ARIA best practices](http://www.w3.org/TR/wai-aria-practices/#kbd_general_binding).
+The element takes care of browser differences with respect to Keyboard events
+and uses an expressive syntax to filter key presses.
+Use the `keyBindings` prototype property to express what combination of keys
+will trigger the event to fire.
+Use the `key-event-target` attribute to set up event handlers on a specific
+node.
+The `keys-pressed` event will fire when one of the key combinations set with the
+`keys` property is pressed.

data/app/assets/components/iron-a11y-keys-behavior/bower.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "name": "iron-a11y-keys-behavior",
+  "version": "1.0.0",
+  "description": "A behavior that enables keybindings for greater a11y.",
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer",
+    "a11y",
+    "input"
+  ],
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "main": "iron-a11y-keys-behavior.html",
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "polymerelements/iron-component-page#^1.0.0",
+    "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
+    "test-fixture": "polymerelements/test-fixture#^1.0.0",
+    "web-component-tester": "*",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  }
+}

data/app/assets/components/iron-a11y-keys-behavior/demo/index.html ADDED Viewed

@@ -0,0 +1,21 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Iron A11y Keys Behavior demo</title>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="x-key-aware.html">
+</head>
+<body>
+  <x-key-aware></x-key-aware>
+</body>
+</html>

data/app/assets/components/iron-a11y-keys-behavior/demo/x-key-aware.html ADDED Viewed

@@ -0,0 +1,69 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../iron-a11y-keys-behavior.html">
+<dom-module id="x-key-aware">
+  <style>
+    :host {
+      display: block;
+      position: relative;
+    }
+  </style>
+  <template>
+    <span>Press any of these keys: <span>[[boundKeys]]</span></span>
+    <pre id="output">[[pressed]]</pre>
+  </template>
+</dom-module>
+<script>
+  Polymer({
+    is: 'x-key-aware',
+    behaviors: [
+      Polymer.IronA11yKeysBehavior
+    ],
+    properties: {
+      pressed: {
+        type: String,
+        readOnly: true,
+        value: ''
+      },
+      boundKeys: {
+        type: String,
+        value: function() {
+          return Object.keys(this.keyBindings).pop();
+        }
+      },
+      keyEventTarget: {
+        type: Object,
+        value: function() {
+          return document.body;
+        }
+      }
+    },
+    keyBindings: {
+      '* pageup pagedown left right down up shift+a alt+a home end space enter': '_updatePressed'
+    },
+    _updatePressed: function(event) {
+      console.log(event.detail);
+      this._setPressed(
+        this.pressed + event.detail.combo + ' pressed!\n'
+      );
+    }
+  });
+</script>

data/app/assets/components/iron-a11y-keys-behavior/index.html ADDED Viewed

@@ -0,0 +1,24 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
+The complete set of authors may be found at http://polymer.github.io/AUTHORS
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
+-->
+<html>
+<head>
+  <title>iron-a11y-keys-behavior</title>
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+</head>
+<body>
+  <iron-component-page></iron-component-page>
+</body>
+</html>