| 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 |
| (...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 155 this.style.transitionDuration = (enabled && this._enableTransition) ? '' :
'0s'; | 155 this.style.transitionDuration = (enabled && this._enableTransition) ? '' :
'0s'; |
| 156 }, | 156 }, |
| 157 | 157 |
| 158 _horizontalChanged: function() { | 158 _horizontalChanged: function() { |
| 159 this.dimension = this.horizontal ? 'width' : 'height'; | 159 this.dimension = this.horizontal ? 'width' : 'height'; |
| 160 this.style.transitionProperty = this.dimension; | 160 this.style.transitionProperty = this.dimension; |
| 161 }, | 161 }, |
| 162 | 162 |
| 163 _openedChanged: function() { | 163 _openedChanged: function() { |
| 164 if (this.opened) { | 164 if (this.opened) { |
| 165 this.setAttribute('aria-expanded', 'true'); |
| 166 this.setAttribute('aria-hidden', 'false'); |
| 167 |
| 165 this.toggleClass('iron-collapse-closed', false); | 168 this.toggleClass('iron-collapse-closed', false); |
| 166 this.updateSize('auto', false); | 169 this.updateSize('auto', false); |
| 167 var s = this._calcSize(); | 170 var s = this._calcSize(); |
| 168 this.updateSize('0px', false); | 171 this.updateSize('0px', false); |
| 169 // force layout to ensure transition will go | 172 // force layout to ensure transition will go |
| 170 /** @suppress {suspiciousCode} */ this.offsetHeight; | 173 /** @suppress {suspiciousCode} */ this.offsetHeight; |
| 171 this.updateSize(s, true); | 174 this.updateSize(s, true); |
| 172 } | 175 // focus the current collapse |
| 173 else { | 176 this.focus(); |
| 177 } else { |
| 178 this.setAttribute('aria-expanded', 'false'); |
| 179 this.setAttribute('aria-hidden', 'true'); |
| 180 |
| 174 this.toggleClass('iron-collapse-opened', false); | 181 this.toggleClass('iron-collapse-opened', false); |
| 175 this.updateSize(this._calcSize(), false); | 182 this.updateSize(this._calcSize(), false); |
| 176 // force layout to ensure transition will go | 183 // force layout to ensure transition will go |
| 177 /** @suppress {suspiciousCode} */ this.offsetHeight; | 184 /** @suppress {suspiciousCode} */ this.offsetHeight; |
| 178 this.updateSize('0px', true); | 185 this.updateSize('0px', true); |
| 179 } | 186 } |
| 180 this.setAttribute('aria-expanded', this.opened ? 'true' : 'false'); | |
| 181 | |
| 182 }, | 187 }, |
| 183 | 188 |
| 184 _transitionEnd: function() { | 189 _transitionEnd: function() { |
| 185 if (this.opened) { | 190 if (this.opened) { |
| 186 this.updateSize('auto', false); | 191 this.updateSize('auto', false); |
| 187 } | 192 } |
| 188 this.toggleClass('iron-collapse-closed', !this.opened); | 193 this.toggleClass('iron-collapse-closed', !this.opened); |
| 189 this.toggleClass('iron-collapse-opened', this.opened); | 194 this.toggleClass('iron-collapse-opened', this.opened); |
| 190 this.enableTransition(false); | 195 this.enableTransition(false); |
| 191 }, | 196 }, |
| 192 | 197 |
| 193 _calcSize: function() { | 198 _calcSize: function() { |
| 194 return this.getBoundingClientRect()[this.dimension] + 'px'; | 199 return this.getBoundingClientRect()[this.dimension] + 'px'; |
| 195 }, | 200 }, |
| 196 | 201 |
| 197 | 202 |
| 198 }); | 203 }); |
| 199 | 204 |
| 200 </script> | 205 </script> |
| OLD | NEW |