| 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 440 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 451 this.$.tabsContainer.scrollLeft += l; | 451 this.$.tabsContainer.scrollLeft += l; |
| 452 } | 452 } |
| 453 } | 453 } |
| 454 }, | 454 }, |
| 455 | 455 |
| 456 _calcPercent: function(w, w0) { | 456 _calcPercent: function(w, w0) { |
| 457 return 100 * w / w0; | 457 return 100 * w / w0; |
| 458 }, | 458 }, |
| 459 | 459 |
| 460 _positionBar: function(width, left) { | 460 _positionBar: function(width, left) { |
| 461 width = width || 0; |
| 462 left = left || 0; |
| 463 |
| 461 this._width = width; | 464 this._width = width; |
| 462 this._left = left; | 465 this._left = left; |
| 463 this.transform( | 466 this.transform( |
| 464 'translate3d(' + left + '%, 0, 0) scaleX(' + (width / 100) + ')', | 467 'translate3d(' + left + '%, 0, 0) scaleX(' + (width / 100) + ')', |
| 465 this.$.selectionBar); | 468 this.$.selectionBar); |
| 466 }, | 469 }, |
| 467 | 470 |
| 468 _onBarTransitionEnd: function(e) { | 471 _onBarTransitionEnd: function(e) { |
| 469 var cl = this.$.selectionBar.classList; | 472 var cl = this.$.selectionBar.classList; |
| 470 // bar animation: expand -> contract | 473 // bar animation: expand -> contract |
| 471 if (cl.contains('expand')) { | 474 if (cl.contains('expand')) { |
| 472 cl.remove('expand'); | 475 cl.remove('expand'); |
| 473 cl.add('contract'); | 476 cl.add('contract'); |
| 474 this._positionBar(this._pos.width, this._pos.left); | 477 this._positionBar(this._pos.width, this._pos.left); |
| 475 // bar animation done | 478 // bar animation done |
| 476 } else if (cl.contains('contract')) { | 479 } else if (cl.contains('contract')) { |
| 477 cl.remove('contract'); | 480 cl.remove('contract'); |
| 478 } | 481 } |
| 479 } | 482 } |
| 480 | 483 |
| 481 }); | 484 }); |
| 482 | 485 |
| 483 </script> | 486 </script> |
| OLD | NEW |