| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2014 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 | 7 |
| 8 <link rel="import" href="/tracing/base/event.html"> | 8 <link rel="import" href="/tracing/base/event.html"> |
| 9 <link rel="import" href="/tracing/base/utils.html"> | 9 <link rel="import" href="/tracing/base/utils.html"> |
| 10 <link rel="import" href="/tracing/ui/base/ui.html"> | 10 <link rel="import" href="/tracing/ui/base/ui.html"> |
| (...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 135 */ | 135 */ |
| 136 var Overlay = tr.ui.b.define('overlay'); | 136 var Overlay = tr.ui.b.define('overlay'); |
| 137 | 137 |
| 138 Overlay.prototype = { | 138 Overlay.prototype = { |
| 139 __proto__: HTMLDivElement.prototype, | 139 __proto__: HTMLDivElement.prototype, |
| 140 | 140 |
| 141 /** | 141 /** |
| 142 * Initializes the overlay element. | 142 * Initializes the overlay element. |
| 143 */ | 143 */ |
| 144 decorate: function() { | 144 decorate: function() { |
| 145 this.classList.add('overlay'); | 145 Polymer.dom(this).classList.add('overlay'); |
| 146 | 146 |
| 147 this.parentEl_ = this.ownerDocument.body; | 147 this.parentEl_ = this.ownerDocument.body; |
| 148 | 148 |
| 149 this.visible_ = false; | 149 this.visible_ = false; |
| 150 this.userCanClose_ = true; | 150 this.userCanClose_ = true; |
| 151 | 151 |
| 152 this.onKeyDown_ = this.onKeyDown_.bind(this); | 152 this.onKeyDown_ = this.onKeyDown_.bind(this); |
| 153 this.onClick_ = this.onClick_.bind(this); | 153 this.onClick_ = this.onClick_.bind(this); |
| 154 this.onFocusIn_ = this.onFocusIn_.bind(this); | 154 this.onFocusIn_ = this.onFocusIn_.bind(this); |
| 155 this.onDocumentClick_ = this.onDocumentClick_.bind(this); | 155 this.onDocumentClick_ = this.onDocumentClick_.bind(this); |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 239 } else { | 239 } else { |
| 240 focusEl = elList[0]; | 240 focusEl = elList[0]; |
| 241 } | 241 } |
| 242 } | 242 } |
| 243 if (focusEl === undefined) | 243 if (focusEl === undefined) |
| 244 focusEl = this; | 244 focusEl = this; |
| 245 focusEl.focus(); | 245 focusEl.focus(); |
| 246 }, | 246 }, |
| 247 | 247 |
| 248 hide_: function() { | 248 hide_: function() { |
| 249 this.parentEl_.removeChild(this); | 249 Polymer.dom(this.parentEl_).removeChild(this); |
| 250 | 250 |
| 251 this.parentEl_.removeEventListener('focusin', this.onFocusIn_); | 251 this.parentEl_.removeEventListener('focusin', this.onFocusIn_); |
| 252 | 252 |
| 253 if (this.closeBtn_) | 253 if (this.closeBtn_) |
| 254 this.closeBtn_.removeEventListener('click', this.onClose_); | 254 this.closeBtn_.removeEventListener('click', this.onClose_); |
| 255 | 255 |
| 256 document.removeEventListener('keydown', this.onKeyDown_); | 256 document.removeEventListener('keydown', this.onKeyDown_); |
| 257 document.removeEventListener('click', this.onDocumentClick_); | 257 document.removeEventListener('click', this.onDocumentClick_); |
| 258 }, | 258 }, |
| 259 | 259 |
| (...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 331 Polymer.dom(o.buttons).appendChild(b); | 331 Polymer.dom(o.buttons).appendChild(b); |
| 332 o.visible = true; | 332 o.visible = true; |
| 333 return o; | 333 return o; |
| 334 }; | 334 }; |
| 335 | 335 |
| 336 return { | 336 return { |
| 337 Overlay: Overlay | 337 Overlay: Overlay |
| 338 }; | 338 }; |
| 339 }); | 339 }); |
| 340 </script> | 340 </script> |
| OLD | NEW |