Move example fn widgets into sky/framework/components

sky/framework/components/ink_splash.dart

-part of widgets;
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import '../animation/curves.dart';
+import '../animation/generator.dart';
+import '../fn.dart';
+import 'dart:async';
+import 'dart:sky' as sky;
 
 const double _kSplashSize = 400.0;
 const double _kSplashDuration = 500.0;
 
 class SplashAnimation {
   AnimationGenerator _animation;
   double _offsetX;
   double _offsetY;
 
   Stream<String> _styleChanged;
@@ skipping 15 matching lines @@
       left: ${_offsetX - p/2}px;
       width: ${p}px;
       height: ${p}px;
       border-radius: ${p}px;
       opacity: ${1.0 - (p / _kSplashSize)};
     ''');
   }
 }
 
 class InkSplash extends Component {
-
-  Stream<String> onStyleChanged;
-
-  static Style _style = new Style('''
+  static final Style _style = new Style('''
     position: absolute;
     pointer-events: none;
     overflow: hidden;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
   ''');
 
-  static Style _splashStyle = new Style('''
+  static final Style _splashStyle = new Style('''
     position: absolute;
     background-color: rgba(0, 0, 0, 0.4);
     border-radius: 0;
     top: 0;
     left: 0;
     height: 0;
     width: 0;
   ''');
 
+  Stream<String> onStyleChanged;
+
   double _offsetX;
   double _offsetY;
   String _inlineStyle;
 
   InkSplash(Stream<String> onStyleChanged)
     : onStyleChanged = onStyleChanged,
       super(stateful: true, key: onStyleChanged.hashCode);
 
   bool _listening = false;
 
@@ skipping 17 matching lines @@
       style: _style,
       children: [
         new Container(
           inlineStyle: _inlineStyle,
           style: _splashStyle
         )
       ]
     );
   }
 }