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 |
(...skipping 27 matching lines...) Expand all Loading... |
38 Polymer.IronOverlayBehaviorImpl = { | 38 Polymer.IronOverlayBehaviorImpl = { |
39 | 39 |
40 properties: { | 40 properties: { |
41 | 41 |
42 /** | 42 /** |
43 * True if the overlay is currently displayed. | 43 * True if the overlay is currently displayed. |
44 */ | 44 */ |
45 opened: { | 45 opened: { |
46 observer: '_openedChanged', | 46 observer: '_openedChanged', |
47 type: Boolean, | 47 type: Boolean, |
48 value: false | 48 value: false, |
| 49 notify: true |
49 }, | 50 }, |
50 | 51 |
51 /** | 52 /** |
52 * True if the overlay was canceled when it was last closed. | 53 * True if the overlay was canceled when it was last closed. |
53 */ | 54 */ |
54 canceled: { | 55 canceled: { |
55 observer: '_canceledChanged', | 56 observer: '_canceledChanged', |
56 readOnly: true, | 57 readOnly: true, |
57 type: Boolean, | 58 type: Boolean, |
58 value: false | 59 value: false |
(...skipping 287 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
346 this.backdropElement.complete(); | 347 this.backdropElement.complete(); |
347 } | 348 } |
348 }, | 349 }, |
349 | 350 |
350 _preparePositioning: function() { | 351 _preparePositioning: function() { |
351 this.style.transition = this.style.webkitTransition = 'none'; | 352 this.style.transition = this.style.webkitTransition = 'none'; |
352 this.style.transform = this.style.webkitTransform = 'none'; | 353 this.style.transform = this.style.webkitTransform = 'none'; |
353 this.style.display = ''; | 354 this.style.display = ''; |
354 }, | 355 }, |
355 | 356 |
356 _finishPositioning: function(target) { | 357 _finishPositioning: function() { |
357 this.style.display = 'none'; | 358 this.style.display = 'none'; |
358 this.style.transform = this.style.webkitTransform = ''; | 359 this.style.transform = this.style.webkitTransform = ''; |
359 // force layout to avoid application of transform | 360 // force layout to avoid application of transform |
360 this.offsetWidth; | 361 this.offsetWidth; |
361 this.style.transition = this.style.webkitTransition = ''; | 362 this.style.transition = this.style.webkitTransition = ''; |
362 }, | 363 }, |
363 | 364 |
364 _applyFocus: function() { | 365 _applyFocus: function() { |
365 if (this.opened) { | 366 if (this.opened) { |
366 if (!this.noAutoFocus) { | 367 if (!this.noAutoFocus) { |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
407 this.refit(); | 408 this.refit(); |
408 } | 409 } |
409 } | 410 } |
410 | 411 |
411 }; | 412 }; |
412 | 413 |
413 /** @polymerBehavior */ | 414 /** @polymerBehavior */ |
414 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; | 415 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; |
415 | 416 |
416 | 417 |
OLD | NEW |