| 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 <link rel="import" href="../polymer/polymer.html"> | 10 <link rel="import" href="../polymer/polymer.html"> |
| (...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 91 'neon-animation-finish': '_onNeonAnimationFinish' | 91 'neon-animation-finish': '_onNeonAnimationFinish' |
| 92 }, | 92 }, |
| 93 | 93 |
| 94 _onIronSelect: function(event) { | 94 _onIronSelect: function(event) { |
| 95 var selectedPage = event.detail.item; | 95 var selectedPage = event.detail.item; |
| 96 | 96 |
| 97 // Only consider child elements. | 97 // Only consider child elements. |
| 98 if (this.items.indexOf(selectedPage) < 0) { | 98 if (this.items.indexOf(selectedPage) < 0) { |
| 99 return; | 99 return; |
| 100 } | 100 } |
| 101 | 101 |
| 102 var oldPage = this._valueToItem(this._prevSelected) || false; | 102 var oldPage = this._valueToItem(this._prevSelected) || false; |
| 103 this._prevSelected = this.selected; | 103 this._prevSelected = this.selected; |
| 104 | 104 |
| 105 // on initial load and if animateInitialSelection is negated, simply displ
ay selectedPage. | 105 // on initial load and if animateInitialSelection is negated, simply displ
ay selectedPage. |
| 106 if (!oldPage && !this.animateInitialSelection) { | 106 if (!oldPage && !this.animateInitialSelection) { |
| 107 this._completeSelectedChanged(); | 107 this._completeSelectedChanged(); |
| 108 return; | 108 return; |
| 109 } | 109 } |
| 110 | 110 |
| 111 // insert safari fix. | 111 this.animationConfig = []; |
| 112 this.animationConfig = [{ | |
| 113 name: 'opaque-animation', | |
| 114 node: selectedPage | |
| 115 }]; | |
| 116 | 112 |
| 117 // configure selectedPage animations. | 113 // configure selectedPage animations. |
| 118 if (this.entryAnimation) { | 114 if (this.entryAnimation) { |
| 119 this.animationConfig.push({ | 115 this.animationConfig.push({ |
| 120 name: this.entryAnimation, | 116 name: this.entryAnimation, |
| 121 node: selectedPage | 117 node: selectedPage |
| 122 }); | 118 }); |
| 123 } else { | 119 } else { |
| 124 if (selectedPage.getAnimationConfig) { | 120 if (selectedPage.getAnimationConfig) { |
| 125 this.animationConfig.push({ | 121 this.animationConfig.push({ |
| (...skipping 30 matching lines...) Expand all Loading... |
| 156 } | 152 } |
| 157 | 153 |
| 158 // display the oldPage during the transition. | 154 // display the oldPage during the transition. |
| 159 oldPage.classList.add('neon-animating'); | 155 oldPage.classList.add('neon-animating'); |
| 160 } | 156 } |
| 161 | 157 |
| 162 // display the selectedPage during the transition. | 158 // display the selectedPage during the transition. |
| 163 selectedPage.classList.add('neon-animating'); | 159 selectedPage.classList.add('neon-animating'); |
| 164 | 160 |
| 165 // actually run the animations. | 161 // actually run the animations. |
| 166 if (this.animationConfig.length > 1) { | 162 if (this.animationConfig.length >= 1) { |
| 167 | 163 |
| 168 // on first load, ensure we run animations only after element is attache
d. | 164 // on first load, ensure we run animations only after element is attache
d. |
| 169 if (!this.isAttached) { | 165 if (!this.isAttached) { |
| 170 this.async(function () { | 166 this.async(function () { |
| 171 this.playAnimation(undefined, { | 167 this.playAnimation(undefined, { |
| 172 fromPage: null, | 168 fromPage: null, |
| 173 toPage: selectedPage | 169 toPage: selectedPage |
| 174 }); | 170 }); |
| 175 }); | 171 }); |
| 176 | 172 |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 219 this.resizerShouldNotify = function(element) { | 215 this.resizerShouldNotify = function(element) { |
| 220 return element == selectedPage; | 216 return element == selectedPage; |
| 221 } | 217 } |
| 222 this.notifyResize(); | 218 this.notifyResize(); |
| 223 } | 219 } |
| 224 | 220 |
| 225 }) | 221 }) |
| 226 | 222 |
| 227 })(); | 223 })(); |
| 228 </script> | 224 </script> |
| OLD | NEW |