Converted Observatory cpu-profile element

runtime/observatory/lib/src/elements/class_view.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
-<link rel="import" href="cpu_profile.html">
 <link rel="import" href="eval_box.html">
 <link rel="import" href="eval_link.html">
 <link rel="import" href="field_ref.html">
 <link rel="import" href="instance_ref.html">
 <link rel="import" href="library_ref.html">
 <link rel="import" href="script_inset.html">
 
 <polymer-element name="class-view">
   <template>
     <link rel="stylesheet" href="css/shared.css">
@@ skipping 238 matching lines @@
         </template>
         <template if="{{ !cls.traceAllocations }}">
           <div class="memberItem">
             <div class="memberName">Tracing allocations?</div>
             <div class="memberValue">
               <span>No</span><action-link label="enable" callback="{{ toggleAllocationTrace }}"></action-link>
             </div>
           </div>
         </template>
       </div>
-      <sample-buffer-control id="sampleBufferControl"></sample-buffer-control>
+      <div id="sampleBufferControl"></div>
       <br>
-      <stack-trace-tree-config id="stackTraceTreeConfig"></stack-trace-tree-config>
+      <div id="stackTraceTreeConfig"></div>
       <br>
-      <div class="flex-row centered">
-        <div class="flex-item-90-percent outlined" style="margin: 16px; margin-left: 8px; margin-right: 8px">
-          <cpu-profile-virtual-tree id="cpuProfileTree"></cpu-profile-virtual-tree>
-        </div>
-      </div>
+      <div id="cpuProfileTree"></div>
     </div>
 
     <div class="content-centered-big">
       <hr>
       <source-inset location="{{ cls.location }}">
       </source-inset>
     </div>
 
     <view-footer></view-footer>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="class_view.dart"></script>