1 <!-- 2 @license 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.github.io/LICENSE.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/CONTRIBUTORS.txt 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/PATENTS.txt 9 --> 10 11 <link rel="import" href="../polymer/polymer.html"> 12 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html"> 13 <link rel="import" href="neon-animatable-behavior.html"> 14 15 <!-- 16 `<neon-animatable>` is a simple container element implementing `Polymer.NeonAnimatableBehavior`. This is a convenience element for use with `<neon-animated-pages>`. 17 18 ``` 19 <neon-animated-pages selected="0" 20 entry-animation="slide-from-right-animation" 21 exit-animation="slide-left-animation"> 22 <neon-animatable>1</neon-animatable> 23 <neon-animatable>2</neon-animatable> 24 </neon-animated-pages> 25 ``` 26 --> 27 28 <dom-module id="neon-animatable"> 29 30 <style> 31 32 :host { 33 display: block; 34 } 35 36 </style> 37 38 <template> 39 <content></content> 40 </template> 41 42 </dom-module> 43 44 <script> 45 46 Polymer({ 47 48 is: 'neon-animatable', 49 50 behaviors: [ 51 Polymer.NeonAnimatableBehavior, 52 Polymer.IronResizableBehavior 53 ] 54 55 }); 56 57 </script> 58