| OLD | NEW |
| 1 | 1 |
| 2 | 2 |
| 3 /* | 3 /** |
| 4 Use `Polymer.IronOverlayBehavior` to implement an element that can be hidden or
shown, and displays | 4 Use `Polymer.IronOverlayBehavior` to implement an element that can be hidden or
shown, and displays |
| 5 on top of other content. It includes an optional backdrop, and can be used to im
plement a variety | 5 on top of other content. It includes an optional backdrop, and can be used to im
plement a variety |
| 6 of UI controls including dialogs and drop downs. Multiple overlays may be displa
yed at once. | 6 of UI controls including dialogs and drop downs. Multiple overlays may be displa
yed at once. |
| 7 | 7 |
| 8 ### Closing and canceling | 8 ### Closing and canceling |
| 9 | 9 |
| 10 A dialog may be hidden by closing or canceling. The difference between close and
cancel is user | 10 A dialog may be hidden by closing or canceling. The difference between close and
cancel is user |
| 11 intent. Closing generally implies that the user acknowledged the content on the
overlay. By default, | 11 intent. Closing generally implies that the user acknowledged the content on the
overlay. By default, |
| 12 it will cancel whenever the user taps outside it or presses the escape key. This
behavior is | 12 it will cancel whenever the user taps outside it or presses the escape key. This
behavior is |
| 13 configurable with the `no-cancel-on-esc-key` and the `no-cancel-on-outside-click
` properties. | 13 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... |
| 114 | 114 |
| 115 _boundOnCaptureKeydown: { | 115 _boundOnCaptureKeydown: { |
| 116 type: Function, | 116 type: Function, |
| 117 value: function() { | 117 value: function() { |
| 118 return this._onCaptureKeydown.bind(this); | 118 return this._onCaptureKeydown.bind(this); |
| 119 } | 119 } |
| 120 } | 120 } |
| 121 | 121 |
| 122 }, | 122 }, |
| 123 | 123 |
| 124 /** |
| 125 * Fired after the `iron-overlay` opens. |
| 126 * @event iron-overlay-opened |
| 127 */ |
| 128 |
| 129 /** |
| 130 * Fired after the `iron-overlay` closes. |
| 131 * @event iron-overlay-closed {{canceled: boolean}} detail - |
| 132 * canceled: True if the overlay was canceled. |
| 133 */ |
| 134 |
| 124 listeners: { | 135 listeners: { |
| 125 'click': '_onClick', | 136 'click': '_onClick', |
| 126 'iron-resize': '_onIronResize' | 137 'iron-resize': '_onIronResize' |
| 127 }, | 138 }, |
| 128 | 139 |
| 129 /** | 140 /** |
| 130 * The backdrop element. | 141 * The backdrop element. |
| 131 * @type Node | 142 * @type Node |
| 132 */ | 143 */ |
| 133 get backdropElement() { | 144 get backdropElement() { |
| (...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 395 if (this.opened) { | 406 if (this.opened) { |
| 396 this.refit(); | 407 this.refit(); |
| 397 } | 408 } |
| 398 } | 409 } |
| 399 | 410 |
| 400 }; | 411 }; |
| 401 | 412 |
| 402 /** @polymerBehavior */ | 413 /** @polymerBehavior */ |
| 403 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; | 414 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; |
| 404 | 415 |
| 405 /* | |
| 406 * Fired after the `iron-overlay` opens. | |
| 407 * @event iron-overlay-opened | |
| 408 */ | |
| 409 | 416 |
| 410 /* | |
| 411 * Fired after the `iron-overlay` closes. | |
| 412 * @event iron-overlay-closed {{canceled: boolean}} detail - | |
| 413 * canceled: True if the overlay was canceled. | |
| 414 */ | |
| 415 | |
| OLD | NEW |