OLD | NEW |
(Empty) | |
| 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.g
ithub.io/LICENSE |
| 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS |
| 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS |
| 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/PATEN
TS |
| 8 --> |
| 9 |
| 10 <link rel="import" href="../../polymer/polymer.html"> |
| 11 <link rel="import" href="../../paper-button/paper-button.html"> |
| 12 <link rel="import" href="../iron-a11y-announcer.html"> |
| 13 |
| 14 <dom-module id="x-announces"> |
| 15 <style> |
| 16 :host { |
| 17 display: block; |
| 18 position: relative; |
| 19 padding: 1em 0; |
| 20 } |
| 21 |
| 22 paper-button { |
| 23 background: #4285f4; |
| 24 color: #fff; |
| 25 } |
| 26 </style> |
| 27 <template> |
| 28 <paper-button on-tap="_onTapAnnounce" raised>Announce</paper-button> |
| 29 <span id="content" aria-hidden="true"> |
| 30 <content></content> |
| 31 </span> |
| 32 </template> |
| 33 <script> |
| 34 Polymer({ |
| 35 is: 'x-announces', |
| 36 |
| 37 attached: function() { |
| 38 Polymer.IronA11yAnnouncer.requestAvailability(); |
| 39 }, |
| 40 |
| 41 _onTapAnnounce: function() { |
| 42 this.fire('iron-announce', { |
| 43 text: this.$.content.textContent.trim() |
| 44 }, { |
| 45 bubbles: true |
| 46 }); |
| 47 } |
| 48 }); |
| 49 </script> |
| 50 </dom-module> |
OLD | NEW |