| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
| 4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 <import src="sky-element.sky" /> | 6 <import src="sky-element.sky" /> |
| 7 | 7 |
| 8 <sky-element> | 8 <sky-element> |
| 9 <template> | 9 <template> |
| 10 <style> | 10 <style> |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 border-radius: 0; | 24 border-radius: 0; |
| 25 top: 0; | 25 top: 0; |
| 26 left: 0; | 26 left: 0; |
| 27 height: 0; | 27 height: 0; |
| 28 width: 0; | 28 width: 0; |
| 29 } | 29 } |
| 30 </style> | 30 </style> |
| 31 <div id="splash" /> | 31 <div id="splash" /> |
| 32 </template> | 32 </template> |
| 33 <script> | 33 <script> |
| 34 import "../animation/controller.dart"; | |
| 35 import "../animation/curves.dart"; | 34 import "../animation/curves.dart"; |
| 36 import "../animation/timer.dart"; | 35 import "animation/controller.dart"; |
| 36 import "animation/timer.dart"; |
| 37 import "dart:math" as math; | 37 import "dart:math" as math; |
| 38 import "dart:sky"; | 38 import "dart:sky"; |
| 39 import "dart:async"; | 39 import "dart:async"; |
| 40 | 40 |
| 41 const double _kSplashSize = 400.0; | 41 const double _kSplashSize = 400.0; |
| 42 const double _kSplashDuration = 500.0; | 42 const double _kSplashDuration = 500.0; |
| 43 | 43 |
| 44 @Tagname('sky-ink-splash') | 44 @Tagname('sky-ink-splash') |
| 45 class SkyInkSplash extends SkyElement implements AnimationDelegate { | 45 class SkyInkSplash extends SkyElement implements AnimationDelegate { |
| 46 AnimationController _animation; | 46 AnimationController _animation; |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 89 _splash.style['width'] = '${p}px'; | 89 _splash.style['width'] = '${p}px'; |
| 90 _splash.style['height'] = '${p}px'; | 90 _splash.style['height'] = '${p}px'; |
| 91 _splash.style['border-radius'] = '${p}px'; | 91 _splash.style['border-radius'] = '${p}px'; |
| 92 _splash.style['opacity'] = '${1.0 - (p / _kSplashSize)}'; | 92 _splash.style['opacity'] = '${1.0 - (p / _kSplashSize)}'; |
| 93 } | 93 } |
| 94 } | 94 } |
| 95 | 95 |
| 96 _init(script) => register(script, SkyInkSplash); | 96 _init(script) => register(script, SkyInkSplash); |
| 97 </script> | 97 </script> |
| 98 </sky-element> | 98 </sky-element> |
| OLD | NEW |