Converted Observatory class-ref & library-ref elements

runtime/observatory/lib/src/elements/heap_snapshot.dart

 // Copyright (c) 2015, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 library heap_snapshot_element;
 
 import 'dart:async';
 import 'dart:html';
+import 'class_ref_wrapper.dart';
 import 'observatory_element.dart';
 import 'package:observatory/app.dart';
 import 'package:observatory/service.dart';
 import 'package:observatory/elements.dart';
 import 'package:observatory/object_graph.dart';
 import 'package:polymer/polymer.dart';
 import 'package:logging/logging.dart';
 
 class DominatorTreeRow extends TableTreeRow {
   final ObjectVertex vertex;
@@ skipping 136 matching lines @@
     percentNode.text = "${vertex.instances} instances of";
     percentNode.style.minWidth = '5em';
     percentNode.style.textAlign = 'right';
     firstColumn.children.add(percentNode);
 
     var gap = new SpanElement();
     gap.style.minWidth = '1em';
     gap.style.display = 'inline-block';
     firstColumn.children.add(gap);
 
-    ClassRefElement classRef = new Element.tag("class-ref");
+    ClassRefElementWrapper classRef = new Element.tag("class-ref");
     classRef.ref = isolate.getClassByCid(vertex.cid);
     classRef.style.alignSelf = 'center';
     firstColumn.children.add(classRef);
 
     var secondColumn = flexColumns[1];
     secondColumn.style.justifyContent = 'flex-end';
     secondColumn.style.position = 'relative';
     secondColumn.style.alignItems = 'center';
     secondColumn.style.paddingRight = '0.5em';
     secondColumn.text = Utils.formatSize(vertex.shallowSize);
@@ skipping 113 matching lines @@
     gap.style.minWidth = '1em';
     gap.style.display = 'inline-block';
     firstColumn.children.add(gap);
 
     MergedVertex v = outgoing ? edge.target : edge.source;
     if (v.cid == 0) {
       var rootName = new SpanElement();
       rootName.text = '<root>';
       firstColumn.children.add(rootName);
     } else {
-      ClassRefElement classRef = new Element.tag("class-ref");
+      ClassRefElementWrapper classRef = new Element.tag("class-ref");
       classRef.ref = isolate.getClassByCid(v.cid);
       classRef.style.alignSelf = 'center';
       firstColumn.children.add(classRef);
     }
 
     var secondColumn = flexColumns[1];
     secondColumn.style.justifyContent = 'flex-end';
     secondColumn.style.position = 'relative';
     secondColumn.style.alignItems = 'center';
     secondColumn.style.paddingRight = '0.5em';
@@ skipping 150 matching lines @@
 
     new Future.delayed(const Duration(milliseconds: 500), () {
       buildMergedVertices(snapshot.graph).then((vertices) {
         state = 'Loaded';
         var rootRow = new MergedVerticesRow(tree, null, isolate, vertices);
         tree.initialize(rootRow);
       });
     });
   }
 }