Update Button to be made of Material

sky/framework/fn.dart

 // 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.
 
 library fn;
 
 import 'dart:async';
 import 'dart:collection';
 import 'dart:sky' as sky;
 import 'reflect.dart' as reflect;
@@ skipping 117 matching lines @@
 
 abstract class Element extends Node {
 
   String get _tagName;
 
   Element get _emptyElement;
 
   String inlineStyle;
 
   List<Node> _children = null;
-  String _className = '';
+  String _class = '';
 
   Element({
     Object key,
     List<Node> children,
-    Style style,
+    List<Style> styles,
 
     this.inlineStyle
   }) : super(key:key) {
+    _class = '';

[rafaelw, 2015/03/11 21:17:15]

bit:

_class = styles == null ? '' : styles.map((s) => s._className).join(' ');

(or something like that).

[abarth-chromium, 2015/03/11 21:20:05]

Done.

+    if (styles != null) {
+      for (Style style in styles) {
+        _class += ' ' + style._className;
+      }
+    }
 
-    _className = style == null ? '': style._className;
     _children = children == null ? _emptyList : children;
 
     if (_isInCheckedMode) {
       _debugReportDuplicateIds();
     }
   }
 
   void _remove() {
     super._remove();
     if (_children != null) {
@@ skipping 63 matching lines @@
   }
 
   void _syncNode([Element old]) {
     if (old == null) {
       old = _emptyElement;
     }
 
     _syncEvents(old);
 
     sky.Element root = _root as sky.Element;
-    if (_className != old._className) {
-      root.setAttribute('class', _className);
+    if (_class != old._class) {
+      root.setAttribute('class', _class);
     }
 
     if (inlineStyle != old.inlineStyle) {
       root.setAttribute('style', inlineStyle);
     }
   }
 
   bool _sync(Node old, sky.ParentNode host, sky.Node insertBefore) {
     // print("---Syncing children of $_key");
 
@@ skipping 162 matching lines @@
 class Container extends Element {
 
   String get _tagName => 'div';
 
   static final Container _emptyContainer = new Container();
   Element get _emptyElement => _emptyContainer;
 
   Container({
     Object key,
     List<Node> children,
-    Style style,
+    List<Style> styles,
     String inlineStyle
   }) : super(
     key: key,
     children: children,
-    style: style,
+    styles: styles,
     inlineStyle: inlineStyle
   );
 }
 
 class Image extends Element {
 
   String get _tagName => 'img';
 
   static final Image _emptyImage = new Image();
   Element get _emptyElement => _emptyImage;
 
   String src;
   int width;
   int height;
 
   Image({
     Object key,
     List<Node> children,
-    Style style,
+    List<Style> styles,
     String inlineStyle,
     this.width,
     this.height,
     this.src
   }) : super(
     key: key,
     children: children,
-    style: style,
+    styles: styles,
     inlineStyle: inlineStyle
   );
 
   void _syncNode([Element old]) {
     super._syncNode(old);
 
     Image oldImage = old != null ? old : _emptyImage;
     sky.HTMLImageElement skyImage = _root as sky.HTMLImageElement;
     if (src != oldImage.src) {
       skyImage.src = src;
@@ skipping 15 matching lines @@
   static final Anchor _emptyAnchor = new Anchor();
   Element get _emptyElement => _emptyAnchor;
 
   String href;
   int width;
   int height;
 
   Anchor({
     Object key,
     List<Node> children,
-    Style style,
+    List<Style> styles,
     String inlineStyle,
     this.width,
     this.height,
     this.href
   }) : super(
     key: key,
     children: children,
-    style: style,
+    styles: styles,
     inlineStyle: inlineStyle
   );
 
   void _syncNode([Element old]) {
     Anchor oldAnchor = old != null ? old as Anchor : _emptyAnchor;
     super._syncNode(oldAnchor);
 
     sky.HTMLAnchorElement skyAnchor = _root as sky.HTMLAnchorElement;
     if (href != oldAnchor.href) {
       skyAnchor.href = href;
@@ skipping 176 matching lines @@
 
       _sync(null, _host, null);
       assert(_root is sky.Node);
 
       sw.stop();
       if (_shouldLogRenderDuration)
         print("Initial build: ${sw.elapsedMicroseconds} microseconds");
     });
   }
 }