| Index: polymer_1.0.4/bower_components/iron-a11y-keys/demo/x-key-aware.html
|
| diff --git a/polymer_1.0.4/bower_components/iron-a11y-keys/demo/x-key-aware.html b/polymer_1.0.4/bower_components/iron-a11y-keys/demo/x-key-aware.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..adfd44e6815dc538b97e3f1cd59b859b46cea8e1
|
| --- /dev/null
|
| +++ b/polymer_1.0.4/bower_components/iron-a11y-keys/demo/x-key-aware.html
|
| @@ -0,0 +1,90 @@
|
| +<!--
|
| +@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="../../paper-styles/paper-styles.html">
|
| +<link rel="import" href="../iron-a11y-keys.html">
|
| +
|
| +<dom-module id="x-key-aware">
|
| + <style>
|
| + :host {
|
| + display: block;
|
| + position: relative;
|
| + }
|
| +
|
| + pre {
|
| + color: var(--google-blue-700);
|
| + }
|
| +
|
| + .keys {
|
| + line-height: 25px;
|
| + }
|
| +
|
| + .keys span {
|
| + cursor: default;
|
| + background-color: var(--google-grey-100);
|
| + border: 1px solid var(--google-grey-300);
|
| + padding: 1px 5px;
|
| + border-radius: 5px;
|
| + }
|
| + </style>
|
| + <template>
|
| + <h4>Press any of these keys</h4>
|
| + <span class="keys">
|
| + <template is="dom-repeat" items="[[boundKeys]]">
|
| + <span>{{item}}</span>
|
| + </template>
|
| + </span>
|
| + <iron-a11y-keys
|
| + id="keys"
|
| + keys="* pageup pagedown left right down up shift+a alt+a home end space enter"
|
| + target="[[target]]"
|
| + on-keys-pressed="_updatePressed">
|
| + </iron-a11y-keys>
|
| + <pre id="output">[[pressed]]</pre>
|
| + </template>
|
| +</dom-module>
|
| +
|
| +<script>
|
| + Polymer({
|
| + is: 'x-key-aware',
|
| +
|
| + properties: {
|
| + pressed: {
|
| + type: String,
|
| + readOnly: true,
|
| + value: ''
|
| + },
|
| +
|
| + boundKeys: {
|
| + type: Array
|
| + },
|
| +
|
| + target: {
|
| + type: Object,
|
| + value: function() {
|
| + return document.body;
|
| + }
|
| + }
|
| + },
|
| +
|
| + ready: function() {
|
| + this.boundKeys = this.$.keys.keys.split(' ');
|
| + },
|
| +
|
| + _updatePressed: function(event) {
|
| + console.log(event.detail);
|
| +
|
| + this._setPressed(
|
| + this.pressed + event.detail.combo + ' pressed!\n'
|
| + );
|
| + }
|
| + });
|
| +</script>
|
|
|