| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --> | 9 --> |
| 10 | 10 |
| 11 <link rel="import" href="../polymer/polymer.html"> | 11 <link rel="import" href="../polymer/polymer.html"> |
| 12 <link rel="import" href="../iron-fit-behavior/iron-fit-behavior.html"> | 12 <link rel="import" href="../iron-fit-behavior/iron-fit-behavior.html"> |
| 13 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html
"> | 13 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html
"> |
| 14 <link rel="import" href="iron-overlay-backdrop.html"> | 14 <link rel="import" href="iron-overlay-backdrop.html"> |
| 15 <link rel="import" href="iron-overlay-manager.html"> | 15 <link rel="import" href="iron-overlay-manager.html"> |
| 16 | 16 |
| 17 <script> | 17 <script> |
| 18 | 18 |
| 19 /* | 19 /** |
| 20 Use `Polymer.IronOverlayBehavior` to implement an element that can be hidden or
shown, and displays | 20 Use `Polymer.IronOverlayBehavior` to implement an element that can be hidden or
shown, and displays |
| 21 on top of other content. It includes an optional backdrop, and can be used to im
plement a variety | 21 on top of other content. It includes an optional backdrop, and can be used to im
plement a variety |
| 22 of UI controls including dialogs and drop downs. Multiple overlays may be displa
yed at once. | 22 of UI controls including dialogs and drop downs. Multiple overlays may be displa
yed at once. |
| 23 | 23 |
| 24 ### Closing and canceling | 24 ### Closing and canceling |
| 25 | 25 |
| 26 A dialog may be hidden by closing or canceling. The difference between close and
cancel is user | 26 A dialog may be hidden by closing or canceling. The difference between close and
cancel is user |
| 27 intent. Closing generally implies that the user acknowledged the content on the
overlay. By default, | 27 intent. Closing generally implies that the user acknowledged the content on the
overlay. By default, |
| 28 it will cancel whenever the user taps outside it or presses the escape key. This
behavior is | 28 it will cancel whenever the user taps outside it or presses the escape key. This
behavior is |
| 29 configurable with the `no-cancel-on-esc-key` and the `no-cancel-on-outside-click
` properties. | 29 configurable with the `no-cancel-on-esc-key` and the `no-cancel-on-outside-click
` properties. |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 130 | 130 |
| 131 _boundOnCaptureKeydown: { | 131 _boundOnCaptureKeydown: { |
| 132 type: Function, | 132 type: Function, |
| 133 value: function() { | 133 value: function() { |
| 134 return this._onCaptureKeydown.bind(this); | 134 return this._onCaptureKeydown.bind(this); |
| 135 } | 135 } |
| 136 } | 136 } |
| 137 | 137 |
| 138 }, | 138 }, |
| 139 | 139 |
| 140 /** |
| 141 * Fired after the `iron-overlay` opens. |
| 142 * @event iron-overlay-opened |
| 143 */ |
| 144 |
| 145 /** |
| 146 * Fired after the `iron-overlay` closes. |
| 147 * @event iron-overlay-closed {{canceled: boolean}} detail - |
| 148 * canceled: True if the overlay was canceled. |
| 149 */ |
| 150 |
| 140 listeners: { | 151 listeners: { |
| 141 'click': '_onClick', | 152 'click': '_onClick', |
| 142 'iron-resize': '_onIronResize' | 153 'iron-resize': '_onIronResize' |
| 143 }, | 154 }, |
| 144 | 155 |
| 145 /** | 156 /** |
| 146 * The backdrop element. | 157 * The backdrop element. |
| 147 * @type Node | 158 * @type Node |
| 148 */ | 159 */ |
| 149 get backdropElement() { | 160 get backdropElement() { |
| (...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 411 if (this.opened) { | 422 if (this.opened) { |
| 412 this.refit(); | 423 this.refit(); |
| 413 } | 424 } |
| 414 } | 425 } |
| 415 | 426 |
| 416 }; | 427 }; |
| 417 | 428 |
| 418 /** @polymerBehavior */ | 429 /** @polymerBehavior */ |
| 419 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; | 430 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; |
| 420 | 431 |
| 421 /* | |
| 422 * Fired after the `iron-overlay` opens. | |
| 423 * @event iron-overlay-opened | |
| 424 */ | |
| 425 | |
| 426 /* | |
| 427 * Fired after the `iron-overlay` closes. | |
| 428 * @event iron-overlay-closed {{canceled: boolean}} detail - | |
| 429 * canceled: True if the overlay was canceled. | |
| 430 */ | |
| 431 | 432 |
| 432 </script> | 433 </script> |
| OLD | NEW |